两个静态html页之间的传值

两个静态html页之间的传值,第1张

跳转后传递值,然后新页面获取值,根据值去添加案例的 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框输入,或者其他需要传入的值

html是静态页面,可以使用url链接传值,比如a.html和b.html两个页面

a.html中有一个链接

1

<a href="b.html?x=2&y=3">进入b.html</a>

可以使用到js,如下:

a.htm:

1

2

3

4

<form action="b.htm" >

<input name="q" type="text" value="" />

<input type="submit" value="提交" id="" />

</form>

b.htm

<html>

<body>

<div id="qbox"></div>

<script type="text/javascript">

function getArgs() {

var args = {}

var query = location.search.substring(1)

// Get query string

var pairs = query.split("&")

// Break at ampersand

for(var i = 0i <pairs.lengthi++) {

var pos = pairs[i].indexOf('=')

// Look for "name=value"

if (pos == -1) continue

// If not found, skip

var argname = pairs[i].substring(0,pos)// Extract the name

var value = pairs[i].substring(pos+1)// Extract the value

value = decodeURIComponent(value)// Decode it, if needed

args[argname] = value

// Store as a property

}

return args// Return the object

}

var str =getArgs()

alert(str['q'])//和input的name对应取值,

document.getElementById("qbox").innerHTML = str['q']//然后赋值给DIV

</script>

</body>

</html>

希望能帮到你哦!

dojo实现两个html页面之间传值为222。

HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7273977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存