HTML如何实现页面跳转(html跳转到指定页面)

全栈程序员-站长 • 2022年4月11日上午9:00 • 未分类 • 阅读 2039

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面<head><!–只是刷新不跳转到其他页面–><metahttp-equiv="refresh"content="5"><!–定时转到其他页面–><metahttp-equiv="refresh&quot

大家好，又见面了，我是你们的朋友全栈君。

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面

<head>
    <!--只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="5">
    <!--定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=index.html"> 
</head>

2、通过javascript中实现跳转

1 // 直接跳转
2 window.location.href='index.html';
3 // 定时跳转
4 setTimeout("javascript:location.href='index.html'", 5000);

3、html跳转上一页的方式

window.history.go(-1)；或者window.history.back(-1)；

1 <script type="text/javascript">
2     var wrong = document.getElementById('btn');
3     wrong.onclick = function() { 
4     window.history.go(-1);//返回上一页
5     window.history.back(-1);//返回上一页
6    }
7 </script>

在html中写

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

在Js中网页跳转的写法

1、window.location.href

1 window.location.href="http://www.baidu.com"; //在原有窗口打开

2.window.navigate方式跳转

1 window.navigate("http://www.baidu.com");

1 function toBooks() {
2     
3     //在原有窗口打开
4     window.location.href = "http://www.baidu.com";
5     //打开新的窗口
6     window.open("http://www.baidu.com");
7 }

直接跳转加参数

<script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href; 
</script>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/128066.html原文链接：https://javaforall.net

赞 (1)

全栈程序员-站长

0 0

开发工具

盘点：崛起中的九大HTML5开发工具

盘点：崛起中的九大HTML5开发工具HTML5被看做是Web开发者创建流行Web应用的利器，增加了对视频和Canvas2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来，如Adobe的Flash和微软的Silver

全栈程序员-站长
2022年7月1日
Python集成开发环境(Eclipse+Pydev)「建议收藏」

Python集成开发环境(Eclipse+Pydev)

全栈程序员-站长
2022年1月24日
kali 目录扫描_kali扫描命令

kali 目录扫描_kali扫描命令1、简介dirsearch是一个基于python3的命令行工具，常用于暴力扫描页面结构，包括网页中的目录和文件。相比其他扫描工具disearch的特点是：支持HTTP代理多线程支持多种形式的网页（asp,php）生成报告（纯文本，JSON）启发式检测无效的网页递归扫描用户代理随机化批量处理扫描器与字典（注：字典必须是文本文件）2、下载及安装GitHub的下载地址为：https://github.com/maurosoria/dirsearchWindows10安装方式点击c

全栈程序员-站长
2022年9月26日
python进阶（22）pydantic–数据类型校验

python进阶（22）pydantic–数据类型校验pydantic库的作用pydantic库是一种常用的用于数据接口schema定义与检查的库。Pydantic在运行时强制执行类型提示，并在数据无效时提供用户友好的错误信息。pydantic安

全栈程序员-站长
2022年7月29日
360自动拦截的防护怎么修改_微信屏蔽投诉按钮代码

360自动拦截的防护怎么修改_微信屏蔽投诉按钮代码个人有各自不同的编写方法。不必拘泥一格。只要了解原理是访问首页，运行js文件，在JS文件里面调用一个文件，显示网站。JS的写法有很多，比如还有下面的写法：document.write(unescape(unescape(unescape(unescape(unescape(‘%252525253Cframeset%2525252520rows%252525253D%2525252522*%

全栈程序员-站长
2022年11月3日
免费公共DNS服务器大全

免费公共DNS服务器大全港澳台地区DNS国外公共DNS老D推荐使用：目录国内常用公共DNS114DNS：（114.114.114.114；114.114.115.115）114DNS安全版（114.114.114.119；114.114.115.119）114DNS家庭版（114.114.114.110；114.114.115.110）阿里AliDNS：（223.5.5.5；&nbs…

全栈程序员-站长
2022年6月22日

发表回复

关注全栈程序员社区公众号