導航:首頁 > 編程語言 > js給iframe的src賦值

js給iframe的src賦值

 發布時間：2025-05-22 12:13:38

㈠ jQuery怎麼給iframe的src賦值

給iframe src賦值，代碼如下：

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

/*
取得目標iframesrc所包含的參數
@paramiframeId-目標iframe的id
@returnObject參數名值對，｛參數名:參數值,……｝
*/
functiongetIframeParams(iframeId){
varregexpParam=/??([wd%]+)=([wd%]*)&?/g;//分離參數的正則表達式
vartargetEle=document.getElementById(iframeId);

varparamMap=null;

if(!!targetEle){
varurl=targetEle.src;//取得iframe的url

varret;

paramMap={};//初始化結果集

//開始循環查找url中的參數，並以鍵值對形式放入結果集
while((ret=regexpParam.exec(url))!=null){
//ret[1]是參數名，ret[2]是參數值
paramMap[ret[1]]=ret[2];
}
}

returnparamMap;//返回結果集
}

用法：

假設iframe如下

<html>
<head>
</head>
<body>
<iframeid="test"src="url?paramA=a&paramB=b"></iframe>
</body>
</html>
//獲取參數名值對集合
varparamMap=getIframeParams('test');
//paramMap的結構是這樣的：{'paramA':'a','paramB':'b'}
alert(paramMap.paramA);//取出paramA的參數值

㈢ html裡面，點擊按鈕時，怎麼使用js或jq給iframe裡面的表單賦值和提交

其實JQ是可以直接操作IFRAME裡面的元素的
query取得iframe中元素的幾種方法

在iframe子頁面獲取父頁面元素
代碼如下:

$('#objId', parent.document);
// 搞定...

在父頁面 獲取iframe子頁面的元素
代碼如下:

$("#objid",document.frames('iframename').document)

$(document.getElementById('iframeId').contentWindow.document.body).html()

顯示iframe中body元素的內容。

$("#testId", document.frames("iframename").document).html();

根據iframename取得其中ID為"testId"元素

$(window.frames["iframeName"].document).find("#testId").html()

用JS或jQuery訪問頁面內的iframe,兼容IE/FF
注意:框架內的頁面是不能跨域的!

假設有兩個頁面,在相同域下.

index.html 文件內含有一個iframe:

XML/HTML代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>頁面首頁</title>
</head>

<body>
<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>
</body>
</html>
iframe.html 內容:

XML/HTML代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>iframe.html</title>
</head>

<body>
<div id="test"></div>
</body>
</html>

先綁定按鈕的點擊事件，然後再去操作iframe的表單元素。
但如果你只想模擬提交表單裡面的元素，完全可以用PHP或者其他的語音模擬提交。

㈣ Jq 或 Js 如果修改iframe的src地址

$("#TLIWFILE61").attr("src", "your url here")

如果抄ID什麼的是隨機的 那就有點麻襲煩了 你總得有辦法選到這個iframe，當然如果你這個頁面上只有一個iframe的話 $("iframe") 就行了

當然如果你的事件是綁定在那個button上的這樣也可以
$("input[type=button]").click(function() {$(this).prev().attr("src", "your url here")})

閱讀全文

與js給iframe的src賦值相關的資料

熱點內容
編程軟體哪個需要錢 瀏覽：875
如何看自己的ie版本 瀏覽：492
2008r2用戶文件夾路徑 瀏覽：755
winzip文件壓縮成多個小文件 瀏覽：562
勒索病毒文件是哪個 瀏覽：855
群聊機器人代碼 瀏覽：728
用什麼充電app最便宜 瀏覽：531
jspif語句 瀏覽：896
你刪除的照片會在哪個文件夾 瀏覽：518
編程如何設置 瀏覽：393
微信jssdk分享qq空間 瀏覽：840
修改ipadid密碼忘記了怎麼辦 瀏覽：938
紙質文件拍攝視頻 瀏覽：560
今天的疫情數據怎麼樣 瀏覽：491
出國旅行不會英語需要什麼app 瀏覽：351
移動機用聯通資料庫 瀏覽：710
啟動器配置文件丟失怎麼能 瀏覽：686
如何壓縮王者榮耀文件 瀏覽：351
抖音哪些人在哪裡統計數據 瀏覽：662
影視APP源碼加教程 瀏覽：479

友情鏈接