通过js获取当前地址的URL后面的参数然后解析出id的值 再 通过dom *** 作修改script标签的src值即可。
html网页：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
若地址栏URL为：abc.html?id=123&url=http://www.maidq.com，那么，但你用上面的方法去调用：alert(GetQueryString("url"))则会d出一个对话框：内容就是 http://www.maidq.com。如果用：alert(GetQueryString("id"))那么d出的内容就是 123 啦；当然如果你没有传参数的话，比如你的地址是 abc.html 后面没有参数，那强行输出调用结果有的时候会报错：
<a href="a.html?param=value¶m1=value1¶m2=value2">超链接</a>如上代码a.html是需要连接的地址。后面紧接着"?"第一个参数名称"param"=参数值"value"&第二个参数名称"param1"=第二个参数值"value1"依次类推，有多少个参数写上多少个参数及参数值。需要注意的是除开第一个参数前面需要用"?"表示是参数开始之外其它参数用"&"相连。
在a.html中获取值可以通关window.location.href来获取。
下面是例子
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/**
* 获取参数的键值对对象。
* @returns {Object}
*/
var getParam = function () {
try{
var url = window.location.href
var result = url.split("?")[1]
var keyValue = result.split("&")
var obj = {}
for (var i = 0 i < keyValue.length i++) {
var item = keyValue[i].split("=")
obj[item[0]] = item[1]
}
return obj}catch(e){
console.warn("There has no param value!")
}
}
/**
* 页面加载完毕打印键值对对象
*/
window.onload = function () {
console.log(getParam())
}
</script>
</head>
<body>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）