获取get值&DOM例题

Posted _Iniesta

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取get值&DOM例题相关的知识,希望对你有一定的参考价值。

获取get值: 

  <body>
        <form action="9.26获取get值.html" method="get">
            <input type="text" name="t1" />
            <input type="text" name="t2" />
            <input type="radio" name="r1" value="1" />
            <input type="radio" name="r1" value="0" />
            <select name="s1">
                <option>a</option>
                <option>b</option>
                <option>c</option>
            </select>
            <input type="submit" />
        </form>
    </body>

 <script>
    var url_ = window.location + ‘‘;
    var index = url_.indexOf("?");
    var get = [];
    if(index != -1) {
        var str = url_.substring(index+1,url_.length);
        var arr = str.split(‘&‘);
        for(var i=0;i<arr.length;i++){
            get[arr[i].split(‘=‘)[0]]=arr[i].split(‘=‘)[1];
        }
    }
    for(var x in get){
        document.write(x + ‘=‘ + get[x] + "<br>");
    }
    
 </script>

例题:

 

以上是关于获取get值&DOM例题的主要内容,如果未能解决你的问题,请参考以下文章

JS-DOM ~ 03. 子节点的操作style.样式和属性dom元素的创建方法及操作14个例题主要是利用js直接控制html属性

[JS DOM&BOM]自定义属性的操作

从“GET”参数(JavaScript)中获取值[重复]

js获取url的get传值函数

DOM的基础知识点01

常用数组字符串方法总结&获取元素DOM操作