導航:首頁 > 編程語言 > 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相關的資料

熱點內容
女生送包了兩層紙的蘋果 瀏覽：186
a790e線刷教程 瀏覽：962
win10系統如何復制Pdf文件 瀏覽：800
js滑鼠移動圖顯示數據 瀏覽：203
微信網名帶念字 瀏覽：161
提取一個文件夾里的所有圖片 瀏覽：198
三星s5自帶文件管理器 瀏覽：356
如何將文檔數據按規定排序 瀏覽：660
word中的文件如何重命名 瀏覽：272
新基建中的數據中心是指什麼 瀏覽：728
pdf掃描文件插入圖片大小 瀏覽：362
java500錯誤原因 瀏覽：905
sx1278代碼 瀏覽：729
調試配置文件 瀏覽：780
企業培訓app如何選 瀏覽：38
adonet讀取資料庫 瀏覽：717
藍色代碼 瀏覽：500
怎麼進入網站後台管理系統 瀏覽：988
win7如何傳文件 瀏覽：649
微信贈送u盤文件 瀏覽：216

友情鏈接