js跳转页面几种方法总结

JavaScript010

js跳转页面几种方法总结,第1张

js为我们提供了大量的跳转页面的命令了 下面我来给大家总结一些常用的js跳转页面方法 希望各位同学有所帮助

第一种

代码如下

window location

第二种 跳到前一个历史记录

代码如下

window history back( )

第三种

代码如下

window navigate(“

第四种

代码如下

self location=’

第五种

代码如下

top location=’

第六种

代码如下

window open(pageURL name parameters)

window open("alwaysraised " "_blank" "alwaysRaised")

第七种

代码如下

lishixinzhi/Article/program/Java/JSP/201311/19856

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

第一种:(跳转到b.html)

<script language="javascript" type="text/javascript">

window.location.href="b.html"

</script>

第二种:(返回上一页面)

<script language="javascript">

window.history.back(-1)

</script>

第三种:

<script language="javascript">

window.navigate("b.html")

</script>

第四种:

<script language="JavaScript">

self.location=’b.html’

</script>

第五种:

<script language="javascript">

top.location=’b.html’

</script>

javascript常用的页面跳转方法为:

window.location.href = some_url

下面举例演示点击按钮后,延迟3秒跳转页面:

1、HTML结构

<input type='button' value='延迟3秒跳转到百度首页' onclick="fun()"/>

2、javascript代码

function fun(){

setTimeout(function(){

window.location.href = "http://www.baidu.com"

},3000)

}

3、演示效果: