js怎样获取iframe，src中的参数

JavaScript018

js怎样获取iframe，src中的参数,第1张

/*

    取得目标iframe src所包含的参数

    @param iframeId - 目标iframe的id

    @return Object 参数名值对，｛参数名:参数值,……｝

*/

function getIframeParams(iframeId) {

    var regexpParam = /\??([\w\d%]+)=([\w\d%]*)&?/g //分离参数的正则表达式

    var targetEle = document.getElementById(iframeId)

    

    var paramMap = null

    

    if(!!targetEle) {

        var url = targetEle.src //取得iframe的url

        

        var ret

        

        paramMap = {}//初始化结果集

        

        //开始循环查找url中的参数，并以键值对形式放入结果集

        while((ret = regexpParam.exec(url)) != null) {

                //ret[1]是参数名，ret[2]是参数值

            paramMap[ret[1]] = ret[2]

        }

    }

    

    return paramMap //返回结果集

}

用法：

假设iframe如下

<html>

    <head>

    </head>

    <body>

        <iframe id="test" src="url?paramA=a&paramB=b"></iframe>

    </body>

</html> //获取参数名值对集合

var paramMap = getIframeParams('test')

//paramMap的结构是这样的：{'paramA':'a', 'paramB':'b'}

alert(paramMap.paramA) //取出paramA的参数值

js文件不是htm文件，所以里面不能有html标记（在输出语句中包含的html标记除外）。

即使js文件中可以用<script>标记，由于js文件本身就是由<script src="...">标记调用的，这就变成重复标记了，是画蛇添足了。

js属于脚本文件，是由脚本代码组成的。其实把正常的<script>与</script>标记之间的代码剪切到新文件中就是一个js文件了，然后把文件名放到script的src属性就行了。

扩展资料：

JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。

参考资料来源：百度百科-JavaScript

<script type="text/javascript" src="js/xxx.js?id=1111"></script>这一句不需要id，写在xxx.js里面获取id的方法是

网页文本内容的（比如 div ）：document.getElementById("li1").innerHTML

网页上控件的(比如按钮，文本编辑框)：document.getElementById("li1").value

JQuery的话：$("li").attr("id")