两个静态html页之间的传值

在跳转后传递值，然后新页面获取值，根据值去添加案例的 class ，使对应的案例标题颜色改变

首先，父页面中 button 跳转采用

button 绑定 value 值

子页面中获取 vlaue 的值

因为我这边涉及多个，如果使用同一个 id 不能获取 vlaue 值，所以我在页面上写了一个空的按钮用来存储所点击的 vlaue 值

当点击 button 时， 把当前 button 的 vlaue 值赋值为 id="btn-case" 的 vlaue 值

然后在子页面中就可以通过去获取 id="btn-case" 的 vlaue 值，来设置跳转后的默认显示，选项比较可以采用 switch case 语句

注意 ：这里的 a 使用 alert（typeof(a)）;d出 String ，使用 switch case 语句时需要转换为 number 值，或者 case 值设置为 ‘1’，添加引号。

跳转页面时把参数写入Url后的参数中，这种方法对与a标签跳转很方便，后面价格参数即可，下面来看看页面中怎么去应用

对于上面的案例可以直接在html上把参数带上，在打开的页面中获取。

如果对于input框输入，或者其他需要传入的值

具体步骤如下。

页面初始化时，通过扩展参数传值；

mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值；mui框架在如下几种场景下，会执行页面初始化 *** 作：

- 通过muiopenWindow，打开新页面（若目标页面为已预加载成功的页面，则在openWindow方法中传递的extras参数无效）；

- 通过muiinit，方法创建子页面；

- 通过muiinit，方法预加载页面；

- 通过muipreload，方法预加载页面；

官方：做web app，一个无法避开的问题就是转场动画；web是基于链接构建的，从一个页面点击链接跳转到另一个页面，如果通过有刷新的打开方式，用户要面对一个空白的页面等待；

如果通过无刷新的方式，用Javascript移入DOM节点（常见的SPA解决方案），会碰到很高的性能挑战：DOM节点繁多，页面太大，转场动画不流畅甚至导致浏览器崩溃；

mui的解决思路是：单webview只承载单个页面的dom，减少dom层级及页面大小；页面切换使用原生动画，将最耗性能的部分交给原生实现



function request(paras){

var url = location href;

var paraString = url substring(url indexOf("")+ url length) split("&");

var paraObj = {}

for (i= ; j=paraString[i]; i++){

paraObj[j substring( j indexOf("=")) toLowerCase()] = j substring(j indexOf("=")+ j length);

}

var returnValue = paraObj[paras toLowerCase()];

if(typeof(returnValue)=="undefined"){

return "";

}else{

return returnValue;

}

}

//如你给出的地址可以这样

var classid = request("classid");

lishixinzhi/Article/program/Java/JSP/201311/20521

handleRequest(>

如果都是html页面的话，就实现不了。因为两个页面要相互传值。只有动态页面才能处理请求。

不好意思，我刚查了一下，仅用js也可以实现，它是分隔字符串实现的，代码如下：

此处使用JS方式实现静态页之间值传递，其实很简单，废话不多说，见代码，先看indexhtml页代码，如下：

在body标签之间 加此行代码

<form action=”ahtmld1=123&d2=你好” method=”post” name=”f1″ id=”f1″>< input type=”submit” name=”s1″ id=”s1″ value=”提交”/>< /form>

然后，我我们新建ahtml新页，同样在body标签之间加此行代码，如下：

<script type=”text/javascript”>var tmpArr; var QueryString; var URL = documentlocationtoString(); if(URLlastIndexOf(“”)!=-1){ QueryString= URLsubstring(URLlastIndexOf(“”)+1,URLlength); tmpArr=QueryStringsplit(“&”);for (i=0;i<=tmpArrlength – 1;i++) { documentwrite(“参数为：” + tmpArr[i] + “<br/>”); } }

else{ QueryString = “”; }< /script>

实现很简单

一：向目标页面发送数据（如你的Bhtml向Ahmtl发送“你好”）,代码就是<form>标签的action属性，比喻这样传参：action=”ahtmla1=你好”

二：在目标页面接收参数，并解析出参数值，如js代码：

var URL = documentlocationtoString(); if(URLlastIndexOf(“”)!=-1){ QueryString= URLsubstring(URLlastIndexOf(“”)+1,URLlength); tmpArr=QueryStringsplit(“&”);for (i=0;i<=tmpArrlength – 1;i++) { documentwrite(“参数为：” + tmpArr[i] + “<br/>”); } }

以上就是关于两个静态html页之间的传值全部的内容，包括:两个静态html页之间的传值、mui 怎么获取openwindow 传值、Jquery获取页面传值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！