如何用js添加点击事件，点击后跳转到指定动态页面

JavaScript030

如何用js添加点击事件，点击后跳转到指定动态页面,第1张

要实现从一个页面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、演示效果：