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

熱點內容
任命文件人字多少號 瀏覽：27
如何給桌面的文件自動填寫序號 瀏覽：349
壓縮文件JPG重命名 瀏覽：487
vivox7怎麼隱藏文件 瀏覽：340
官網買蘋果好處 瀏覽：153
直播app源碼如何搭建 瀏覽：31
c盤系統文件包介紹圖片 瀏覽：856
linuxopt主要存哪些文件 瀏覽：924
jsdate天數 瀏覽：930
qq空間怎樣發視頻文件在哪裡找 瀏覽：208
nrf2401收發程序 瀏覽：498
哪個網站看新聞最好 瀏覽：944
找到文件夾並清除linux 瀏覽：82
蘋果app不安全怎麼辦 瀏覽：1000
電腦桌面文件收集軟體推薦 瀏覽：317
桌面的文件夾不能刪除不了怎麼辦 瀏覽：724
什麼是手機溫控文件 瀏覽：840
廣東農信app怎麼更改預留手機號碼 瀏覽：241
cdm打開隱藏文件夾 瀏覽：320
貝殼app房子為什麼偶爾不顯示 瀏覽：4

友情鏈接