導航:首頁 > 編程語言 > jqueryiframe注入js

jqueryiframe注入js

 發布時間：2021-03-03 00:31:11

1. jQuery代替iframe，實現點擊li就載入相應html到div

可以實現，但它的效果與你想像中肯定會不一樣，iframe是框架，載入的頁面是以完整的內、獨立的、新的容網頁形式出現的，與當前網頁沒有直接關系；而如果把網頁內容直接放到當前網頁的div中，就會成為當前網頁的一部分，與當前網頁的html、css、js等都會產生沖突的。下面是代碼：
<body>
<ul>
<li data-url="a.html">載入根目錄a.html</li>
<li data-url="b.html">載入根目錄b.html</li>
</ul>
<div id="test1"></div>
<script>
$(function(){
$("ul li").on("click",function(){
$("#test1").load($(this).data("url"));
});
});
</script>
</body>

2. 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或者其他的語音模擬提交。

3. 如何向iframe中寫入js代碼讓js在iframe中執行

1、首先，新建一個網頁。

4. 如下圖，怎麼通過js或jquery獲取iframe裡面body的內容

需要准備的材料分別是：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：內index.html，填寫相應html代碼容。

5. 怎麼往跨域的iframe里注入html或者js

正常情況不可能，否則就沒有一點安全性了，自己的機器訪問可以在chrome啟動命令行加參數去掉跨越安全檢查

6. js調用iframe的function

我想你該使用自身的函數功能去調用,防止沖突

方法一：獲取異窗口元素，從而在當前窗口獲取寫函數fun
1.jquery在iframe子頁面獲取父頁面元素代碼如下:
$("#objid",parent.document)

2.jquery在父頁面獲取iframe子頁面的元素
代碼如下:
$("#objid",document.frames('iframename').document)

方法二：直接獲取異窗口函數
<scriptsrc="jquery.js"></script>
<script>
$(document).ready(function(){
varpass2_window=window.open("pass2.html");
window.setTimeout(function(){
$(pass2_window).ready(function(){
pass2_window.show_message("HelloWorld!");
});
},1);
});
</script>

7. jquery load 可以代替iframe 載入頁面

如果要載入的東西比較簡單，裡面的沒有復雜的數據和邏輯，可以使用內load。如果要載入的容頁面自身有復雜的邏輯、操作，還是建議使用ifame，因為iframe裡面可以引入自身的js和樣式，而load引入的東西，還得使用主頁面的js和樣式進行控制。另外，應當注意，iframe載入的東西不用考慮主頁面的任何東西，比如樣式，js的變數名等。但load進來的東西就得注意一下。 load進的內容和主頁面共享同一塊內存，而iframe是兩塊內存

8. jQuery怎麼給iframe的src賦值

給iframe src賦值，代碼如下：

9. jquery如何為其他iframe框架中的元素綁定事件

你等到iframe載入完之後在執行綁定的js試試

10. iframe頁面中寫query函數需要單獨引進jquery.js么

頁面上用到JQUERY函數就需要加入架包，不管這個頁面有沒有iframe或者是iframe框架的頁面

閱讀全文

與jqueryiframe注入js相關的資料

熱點內容
cad文件欄和工具欄都不見了 瀏覽：102
看圖識建築app 瀏覽：398
word2020文件類型默認擴展名 瀏覽：194
時代少年團的圖片在哪個app 瀏覽：350
康平網站建設值多少錢 瀏覽：642
怎樣把word分頁 瀏覽：135
javareplaceall替換不了 瀏覽：985
widgetsjstwitter 瀏覽：556
如何做一個工會網站 瀏覽：694
javascript轉化為數值 瀏覽：173
l3agent配置文件 瀏覽：521
element3d文字教程 瀏覽：434
pages文件能在word里打開么 瀏覽：53
金鏟鏟配置文件下載失敗客戶端無法啟動 瀏覽：387
c按行讀取word 瀏覽：310
4g網路怎麼變成2g了 瀏覽：197
電腦安裝安卓50 瀏覽：604
網路協議分析pdf 瀏覽：945
手機傳輸到u盤文件容易損壞 瀏覽：175
安卓tcpsocketsend 瀏覽：527

友情鏈接