怎么在javascript的函数里面实现跳转到页面底部

JavaScript022

怎么在javascript的函数里面实现跳转到页面底部,第1张

一、使用锚标记返回页面顶部

使用HTML锚标记最简单,就是看起来有点不好看,点击后会在地址栏显示这个锚标记,其它的倒没什么。

页面顶部放置:

<a name="top" id="top"></a>

放置位置在<body>标签之后随便找个地方放都可以,只要靠近顶部即可。

页面底部放置:

<a href="#top" target="_self">返回顶部</a>

二、使用Javascript Scroll函数返回顶部

scrooll函数用来控制滚动条的位置,有两种很简单的实现方式:

方式1:

[javascript] view plaincopy

<a href="javascript:scroll(0,0)" mce_href="javascript:scroll(0,0)">返回顶部</a>

scroll第一个参数是水平位置,第二个参数是垂直位置,比如要想定位在垂直50像素处,改成scroll(0,50)就可以了。

方式2:

本方式是渐进式返回顶部,要好看一些,代码如下:

[javascript] view plaincopy

function pageScroll() {

window.scrollBy(0,-10)

scrolldelay = setTimeout('pageScroll()',100)

}

<a href="pageScroll()" mce_href="pageScroll()">返回顶部</a>

这样就会动态返回顶部,不过虽然返回到顶部但是代码仍在运行,还需要在pageScroll函数加一句给停止掉。

[javascript] view plaincopy

if(document.documentElement.scrollTop==0) clearTimeout(scrolldelay)

三、使用Onload加上scroll功能实现动态返回顶部

1、首先在网页BODY标签结束之前加上:

<div id="gotop">返回顶部</div>

2、再调用以下JS脚本部分(本脚本非天缘原创,早前来源于Z-BLOG官方论坛上收集,源包未带作者链接,如果原作者看到敬请留言添加):

[c-sharp] view plaincopy

BackTop=function(btnId){

var btn=document.getElementById(btnId)

var d=document.documentElement

window.onscroll=set

btn.onclick=function (){

btn.style.display="none"

window.onscroll=null

this.timer=setInterval(function(){

d.scrollTop-=Math.ceil(d.scrollTop*0.1)

if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set)

},10)

}

function set(){btn.style.display=d.scrollTop?'block':"none"}

}

BackTop('gotop')

对Z-BLOG而言,可以放到$(document).ready(function(){....函数中,也可以独立存成一个js文件,比如gotop.js,再通过:

<SCRIPT src="/js/gotop.js" type=text/javascript></SCRIPT>

来调用,当然了位置最好放在“返回顶部”标签的下面,该调用方法已假设路径为JS,其它位置请自行修改。

JavaScript和Java的区别:

1、用处不一样:

它们最本质的不同就是用途:Java目前被广泛应用于PC端、手机端、互联网、数据中心等等;

而JavaScript则被主要用于嵌入文本到HTML页面,读写HTML元素,控制cookies等。

2、出身不同:

Javascript与Java是由不同的公司开发的不同产品。Javascript是Netscape公司的脚本语言;而Java是SUN Microsystems 公司推出的新一代面向对象的程序设计语言。

3、嵌入方式不同:

在HTML文档中,两种编程语言的标识不同,Javascript 使用&ltscript&gt&lt/script&gt 来标识;而 Java 使用 Applet 来标识。

Java的特点:

Java看起来设计得很像C++,但是为了使语言小和容易熟悉,设计者们把C++语言中许多可用的特征去掉了,这些特征是一般程序员很少使用的。例如,Java不支持go to语句,代之以提供break和continue语句以及异常处理。Java还剔除了C++的操作符过载(overload)和多继承特征,并且不使用主文件,免去了预处理程序。

因为Java没有结构,数组和串都是对象,所以不需要指针。Java能够自动处理对象的引用和间接引用,实现自动的无用单元收集,使用户不必为存储管理问题烦恼,能更多的时间和精力花在研发上。

以上内容参考百度百科——JavaScript,百度百科——Java

方法一:

?

Step One: Open Eclipse up on your machine and go to ‘Help’ ->‘Install New Software’

Step Two: Click ‘add’ and to stuff the location with the following link:

?

https://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download then click ‘ok’.

Step Three: Selecting ‘Javascript Development Tools’ and ‘jslint4java’ and click next.

方法二:

?

Step One: Download jslint4java

Step Two: Put jslint4java.jar somewhere

Step Three: Add an external tool configuration in Eclipse:

Location: /usr/bin/java(or your path to javaw.exe)

Arguments: -jar /path/to/jslint4java.jar ${resource_loc}

方法三:

?

1. Help ->Install new software

2. Click the 'Add' button

Name : Rockstar Apps (or whatever you want)

Location : http://update.rockstarapps.com/site.xml

3. expend the selection and check Rockstar JsLint

4. Click 'Next'...again

5. Accept and install

(you'll have to hit okay when it prompts you about installing unsigned content).

6. Restart Eclipse...