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

html-css09

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

通过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页面: