通过js获取当前地址的URL后面的参数然后解析出id的值 再 通过dom操作修改script标签的src值即可。
html网页:超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com,那么,但你用上面的方法去调用:alert(GetQueryString("url"))则会弹出一个对话框:内容就是 http://www.maidq.com。如果用:alert(GetQueryString("id"))那么弹出的内容就是 123 啦;当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
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>
希望能帮到你哦!
页面跳转的时候可能需要一些数据的传输,如商品跳转到详情页需要传一个id过去。那么在html中如何来实现呢?
简单的来说就是通过location.href设置路径的时候通过?拼接的形式拼接进去一些参数。然后在b页面通过地址栏的信息来拿到这些参数,从而进行不同的数据渲染。
例子:
a页面内容:
b页面: