1、JavaScript自动跳转方法一:使用setInterval()方法实现页面自动跳转。
2、JavaScript语言中,setInterval()方法的详细介绍如下图所示。主要介绍方法的定义,作用和语法。
3、使用setInterval()方法,让一个网页跳转函数实现延迟调用。
4、JavaScript自动跳转方法二:使用setTimeout()方法实现页面自动跳转。
5、JavaScript语言中,setTimeout()方法的详细介绍如下图所示。主要介绍方法的定义,作用和语法。
6、使用setTimeout()方法,实现延迟自动重新打开一个新链接窗口。
可以使用input的click事件进行处理,这里假设点击转向的链接是百度,方法如下:
1、DOM0级事件处理:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>
2)js代码:
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果如下:
2、DOM2级事件,绑定click事件,如下:
1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>
2)js代码:
window.onload = function(){
document.getElementById('btn1').addEventListener('click',goToBaiDu)
}
function goToBaiDu(){
console.log('现在去百度啦!')
window.open('http://www.baidu.com')
}
效果如下:
3、上面的方式的打开一个新窗口,还有一个打开链接的方式,是在当前标签页下直接跳转到另一个页面,代码如下:
window.location.href="http://www.baidu.com"
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)