js带参数跳转html页面 用js传递HTML之间的参数
一、js页面跳转的方式有哪些
1、 JavaScript实现页面跳转的方式有：直接跳转、通过onclick函数实现按钮跳转、window.open函数打开新的窗口以及通过confirm方法来实现是否确认要打开新窗口
2、我们在开发的过程中总会遇到各种页面跳转的情况，不同的跳转方式带来的体验不同。今天将分享几个JavaScript中的页面跳转方式，希望对大家有所帮助。
3、<script>window.location.href=';方法二：通过按钮点击来跳转页面
4、<input type="button" value="点击" onclick="location.href=';">通过给按钮添加一个onclick**。但点击事会跳转到事先设置好的链接地址
5、方法三：在本页面中直接打开新的窗口
6、<a href="javascript:" onClick="window.open(';)
7、PHP中文网</a>通过window.open（）函数可以在本页面中打开一个新的窗口，scrollbars是用于设置滚动条
8、方法四：页面停留5后再跳转新的页面
9、<script type="text/javascript">
10、window.location.href="";
11、<a onclick="demo()">PHP中文网</a>setTimeout方法用于在指定的毫秒数后调用函数或计算表达式，在本例中通过设置时间参数使页面在5s之后跳转
12、方法五：通过页面弹出确认框来选择是否要跳转到新的页面中
13、<script type="text/javascript">
14、 if(confirm("你确定要跳转到新的页面吗")){
15、 window.location.href="";
16、<a onclick="demo()">PHP中文网</a>效果图：
17、confirm方法用于显示一个带有指定消息和 OK及取消按钮的对话框，当选择确定时就会跳转到新的页面，选择取消时则不会跳转页面
18、
19、
二、html如何将一个页面的值应用在另一个页面
1、要给另外一个页面传值，比如用户名(username)和分数(score)，有三种实现方式。
2、页面 URL传参。xxx/page?username=张三&score=90。页面加载以后，通过JS把参数拿出来。
3、网站 cookie。把值写到 cookie里面，在另外一个页面读取 cookie。相比于页面传参，cookie存储的数据可以是复杂结构的数据。而不是简单的一个值。
4、Session(会话)。Session是服务器后台的功能，通常用来保存敏感的数据，或者是用户的一些关键数据，用于在后台查询其它相关的信息。
三、js怎么跳转js怎么跳转页面
3.window.loction.replace用于实现页面跳转。注意和第一种方法的区别。
jsp页面有三个(1.aspx，2.aspx，3.aspx)，默认是1.aspx.当我输入2.aspx，window.location.replace(3.aspx
withwindow.location.href(3.aspx
和用户界面没什么区别，但是当3.aspx页面有“返回”按钮调用window.history.go(-1)；wondow.history.back()；方法，如果单击此后退按钮返回到2.aspx页面，区别就出来了。使用window.location.replace(3.aspx若要连接到3.aspx页，请在3.aspx页中调用window.history.go(-1)。wondow.history.back()；方法不好用，会回到1.aspx
4.self.location方法实现了页面跳转，和下面的top.location略有不同。
微信小程序中如何实现跳转在js中？
暴力的方法就是原始jslocation.href=**或者调用微信自己的路由接口，router.
一、HTML页面的跳转代码：即页面打开5秒后,跳到新浪网上面的代码，放在网页头部的“”上方.
三、PHP跳转代码：使用该Header函数时必须网页未产生任何输出，此时尤其要注意空格的问题。即必须放在网页开始处四、ASP跳转代码：
在Js页面通过POST传递参数跳转到新页面详解？
form表单提交，可通过method="post"设置get或post请求，为提交参数名为XXX的参数
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。
!--以下方式只是刷新不跳转到其他页面-->
metahttp-equiv="refresh"content="10">
!--以下方式定时转到其他页面-->
metahttp-equiv="refresh"content="5;url=hello.html">
scriptlanguage="javascript"type="text/javascript">
window.location.href='hello.html';
setTimeout("javascript:location.href='hello.html'",5000);
优点：灵活，可以结合更多的其他功能
3)结合了倒数的javascript实现（IE）
scriptlanguage="javascript"type="text/javascript">
varsecond=totalSecond.innerText;
setInterval("redirect()",1000);
totalSecond.innerText=--second;
if(second0)location.href='hello.html';
缺点：firefox不支持（firefox不支持span、p等的innerText属性）
3')结合了倒数的javascript实现（firefox）
scriptlanguage="javascript"type="text/javascript">
varsecond=document.getElementById('totalSecond').textContent;
setInterval("redirect()",1000);
document.getElementById('totalSecond').textContent=--second;
if(second0)location.href='hello.html';
4)解决Firefox不支持innerText的问题
scriptlanguage="javascript"type="text/javascript">
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText="mytextinnerText";
document.getElementById('totalSecond').textContent="mytexttextContent";
5)整合3)spanid="totalSecond">5/span>
scriptlanguage="javascript"type="text/javascript">
varsecond=document.getElementById('totalSecond').textContent;
if(navigator.appName.indexOf("Explorer")>-1){
second=document.getElementById('totalSecond').innerText;
second=document.getElementById('totalSecond').textContent;
setInterval("redirect()",1000);
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText=second--;
document.getElementById('totalSecond').textContent=second--;
四、用js传递HTML之间的参数
2、点击菜单栏File->New->Dynamic Web Project。
6、在add.jsp添加一段脚本，用来计算两个数的和。
7、使用jsp:include导入动态文件，使用jsp:param传递参数。
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘*作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>，说明该文件是用超文本标记语言（本标签的中文全称）来描述的，它是文件的开头;而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
