html是静态页面,可以使用url链接传值,比如a.html和b.html两个页面
a.html中有一个链接
<a href="b.html?x=2&y=3">进入b.html</a>可以使用到js,如下:
a.htm:
<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 = 0 i < pairs.length i++) {
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>
希望能帮到你哦!
实现html页面的参数传递
方法一:
下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。
有了这个函数,就可以在页面之间传递参数了。
方法二:
html地址传递参数进行其他事情.
方法三:
方法四:
做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。
里面有三个方法:
1、request.QueryString("参数")//获取指定参数,返回字符串
2、request.QueryStrings()//获取全部参数,并返回数组
3、request.setQuery("参数","参数的值")//如果当前地址栏有此参数,那么将更新此参数,否则返回一个新的地址栏参数字符串。
例如:
当前地址栏参数字符串为:?name=a&site=never_online
alert(request.setQuery("name","blueDestiny"))
如果地址栏参数中有"name",那么返回?name=blueDestiny&site=never_online
setQuery方法有自动追加参数的功能。如:
当前地址栏参数字符串为:?site=never_online
alert(request.setQuery("name","blueDestiny"))
则返回?site=never_online&name=blueDestiny
同理,如果地址栏没有参数,也会自动追加参数
alert(request.setQuery("name","blueDestiny"))
返回?name=blueDestiny