html网页如何传递接收地址参数?

Posted 2023-05-15

通过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 后面没有参数，那强行输出调用结果有的时候会报错：

参考技术A 以abc.html?id=123为例，可以用如果想在另一个页面接受地址栏中的参数可以使用如下方式：$param.id

网页之间的参数传递

/*----------------- 3 网页之间的参数传递-------------------*/
    // 网页向下一个网页传递参数 setRequest_obj(新页面地址, 参数以对象的方式接收) 函数设置参数
function setRequest_obj (address, canshu) {
    var code = ‘‘
    for(var key in canshu){
        // 提取参数里面的属性和值，拼接一下
        code = code + key + ‘=‘ + canshu[key] + ‘&‘
    }
    code = code.slice(0, -1)
    code = encodeURIComponent(code)
    window.location.href = address +‘?‘ + code;
}

// 下一个页面调取 getRequest_obj 函数，得到参数,是一个对象
 function getRequest_obj () {
     // 获取url中"?"符后的字串
    var url = window.location.search;    
    var theRequest = new Object();
    if(url.indexOf("?") != -1) {
        var str = url.substr(1);
        // 解码
        str = decodeURIComponent(str)
        strs = str.split(‘&‘)
        for(var i = 0; i < strs.length; i++) {
            var arr = strs[i].split(‘=‘)
            var key = arr[0]
            var value = arr[1]
            theRequest[key] = value
        }
    }
    return theRequest;
 }