实现html页面的参数传递

html-css08

实现html页面的参数传递,第1张

实现html页面的参数传递

方法一:

下面是javascrīpt的一种实现方法, 这个函数是通过window.location.href中的分割符获得各个参数。

有了这个函数,就可以在页面之间传递参数了。

方法二:

html地址传递参数进行其他事情.

方法三:

方法四:

做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。

里面有三个方法:

1、request.QueryString("参数")//获取指定参数,返回字符串

2、request.QueryStrings()//获取全部参数,并返回数组

3、request.setQuery("参数","参数的值")//如果当前地址栏有此参数,那么将更新此参数,否则返回一个新的地址栏参数字符串。

例如:

当前地址栏参数字符串为:?name=a&site=never_online

alert(request.setQuery("name","blueDestiny"))

如果地址栏参数中有"name",那么返回?name=blueDestiny&site=never_online

setQuery方法有自动追加参数的功能。如:

当前地址栏参数字符串为:?site=never_online

alert(request.setQuery("name","blueDestiny"))

则返回?site=never_online&name=blueDestiny

同理,如果地址栏没有参数,也会自动追加参数

alert(request.setQuery("name","blueDestiny"))

返回?name=blueDestiny

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>

  希望能帮到你哦!