js獲得src文件內容（js獲取iframe的src）

本文目錄一覽：

• 1、javaScript中如何獲取圖片src?
• 2、js 怎麼獲取SRC的值，傳過去
• 3、js怎樣獲取iframe，src中的參數

javaScript中如何獲取圖片src?

通過獲取圖片img節點的src屬性

1、定義一個img節點

img id=’tesig’ src=’\test\1.png’/

2、通過document.getElementById找到img節點

var domimg = document.getElementById(‘tesig’);

3、獲取src屬性

alert(domimg.src);//獲取src屬性

js 怎麼獲取SRC的值，傳過去

可以在上傳的JS函數setImagePreview()尾部加上

document.getElementById(‘此處為圖片元素的ID’).style.src= “此處為上傳的路徑”;

js怎樣獲取iframe，src中的參數

/*

    取得目標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=aparamB=b”/iframe

    /body

/html

//獲取參數名值對集合

var paramMap = getIframeParams(‘test’);

//paramMap的結構是這樣的：{‘paramA’:’a’, ‘paramB’:’b’}

alert(paramMap.paramA); //取出paramA的參數值