導航:首頁 > 編程語言 > 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

友情鏈接