一個頁面A.html使用iframe嵌套一個頁面B.html，在A頁面寫js操作B頁面HTML元素，首先要獲取到B頁面document對象，才能對嵌套頁面進行操作
請看一個實例，在A頁面寫js操作B頁面div的內容：
A.html代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <body > <iframe name="iframe1" src="B.html"></iframe> </body> </html> <script> window.onload=()=>{ $(window.frames["iframe1"].document).on("click","#btn",function(){ //window.frames["iframe1"].document獲的iframe標簽嵌套頁面document對象 $(this).html("1123"); }) } </script>
B頁面代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <body id="body"> <div id="btn" >測試操作</div> </body> </html>
當點擊 “測試操作” 時就這個文字就被修改成“1123”