本文摘自PHP中文网,作者青灯夜游,侵删。
跳转页面的方法:1、html中可以利用meta标签进行跳转,语法“”;2、javascript中可以利用location对象的href属性进行跳转,语法“window.location.href=页面地址”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
html/JavaScript实现页面跳转
1、html中使用meta中跳转,通过meta可以设置跳转时间和页面
1 2 3 4 5 6 | <head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv= "refresh" content= "5" >
<!--定时转到其他页面 -->
<meta http-equiv= "refresh" content= "5;url=index.html" >
</head>
|
2、通过javascript中实现跳转
1 2 3 4 | 1
2 window.location.href= 'index.html' ;
3
4 setTimeout( "javascript:location.href='index.html'" , 5000);
|
html跳转上一页的方式
window.history.go(-1);或者window.history.back(-1);
1 2 3 4 5 6 7 | <script type= "text/javascript" >
var wrong = document.getElementById( 'btn' );
wrong.onclick = function () {
window.history.go(-1);
window.history.back(-1);
}
</script>
|
在html中写
1 2 | <a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>
|
【推荐学习:javascript高级教程】
以上就是html/JavaScript怎么跳转页面的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
js怎么判断某一个checked
Html基本结构分析
Html超链接字体颜色怎么改?超链接字体颜色的更改方法总结
javascript是由那几个部分组成
怎样实现Html的可输入下拉菜单
Html中为网页设置字符集的标签是什么?
了解http事务、node模块化规范
javascript转义函数有哪些
javascript怎么样判断字符串中是否包含某个字符串
Html空格代码是什么?Html空格代码怎么写?(总结)
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html/JavaScript怎么跳转页面