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

html网页如何传递接收地址参数?,第1张

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

// 通过url传参到下一级页面

methods:{

                showpeople:(id)=>{

                    // 通过url传参到下一级页面

                  location.href="organize-index-detail.html?id="+id

                }

            }

// 上一级页面传来的id

var id = getQueryString("id")

// 接收url传来的参数

    function getQueryString(name) {

        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")

        var r = window.location.search.substr(1).match(reg)

        if (r != null) return unescape(r[2]) 

        return null

    }

// 接收url传来的中文参数

    function getQueryString(name) {

        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")

        var r = window.location.search.substr(1).match(reg)

        if (r != null) return decodeURIComponent(r[2])

        return null

    }


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存