JS是否可以跨文件同時(shí)控制多個(gè)iframe頁面的應(yīng)用技巧
有個(gè)辦法,建議你的有連接的iframe改成include包含的文件,然后記得把文件名改成shtml,或者asp.代碼如下:
<!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>無標(biāo)題文檔</title> <meta http-equiv="refresh" content="3;URL=#" /> </head> <script type="text/javascript"> function change(){ var a = document.getElementById("iframea"); var b = document.getElementById("iframeb"); a.setAttribute("src","http://www.163.com"); b.setAttribute("src","http://www.sina.com"); } </script> <body> <!--#include file="z.html" --> <iframe id="iframea" src="http://www.baidu.com/" width="450" height="300"></iframe> <iframe id="iframeb" src="http://www.g.cn/" width="450" height="300">></iframe> </body> </html>
被包含的文件代碼:
<a href="#" onclick="change()">其中內(nèi)容點(diǎn)擊鏈接更新兩個(gè)iframe</a>
總結(jié)
以上所述是小編給大家介紹的JS是否可以跨文件同時(shí)控制多個(gè)iframe頁面的應(yīng)用技巧,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- js父頁面與子頁面不同時(shí)顯示的方法
- JSP 多條SQL語句同時(shí)執(zhí)行的方法
- 引用其它js時(shí)如何同時(shí)處理多個(gè)window.onload事件
- js導(dǎo)出table到excel同時(shí)兼容FF和IE示例
- js判斷鼠標(biāo)同時(shí)離開兩個(gè)div的思路及代碼
- js判斷樣式className同時(shí)增加class或刪除class
- js同時(shí)按下兩個(gè)方向鍵
- JS實(shí)現(xiàn)同時(shí)搜索百度和必應(yīng)的方法
- JS是否可以跨文件同時(shí)控制多個(gè)iframe頁面的應(yīng)用技巧
- 利用JS對(duì)iframe父子(內(nèi)外)頁面進(jìn)行操作的方法教程
- JS實(shí)現(xiàn)向iframe中表單傳值的方法
- js如何判斷是否在iframe中及防止網(wǎng)頁被別站用iframe嵌套
- 解決同一頁面中兩個(gè)iframe互相調(diào)用jquery,js函數(shù)的方法
- JavaScript中關(guān)于iframe滾動(dòng)條的去除和保留
- js 能實(shí)現(xiàn)監(jiān)聽F5頁面刷新子iframe 而父頁面不刷新的方法
- javascript iframe跨域詳解
- JS防止網(wǎng)頁被嵌入iframe框架的方法分析
相關(guān)文章
JavaScript實(shí)現(xiàn)兩個(gè)select下拉框選項(xiàng)左移右移
這篇文章主要介紹了JavaScript實(shí)現(xiàn)兩個(gè)select下拉框選項(xiàng)左移右移功能,js實(shí)現(xiàn)下拉框元素互相移動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03javascript cookie解碼函數(shù)(兼容ff)
javascript cookie解碼函數(shù)2008-03-03javascript使用Promise對(duì)象實(shí)現(xiàn)異步編程
這篇文章主要介紹了javascript使用Promise對(duì)象實(shí)現(xiàn)異步編程的相關(guān)資料,需要的朋友可以參考下2016-03-03Bootstrap實(shí)現(xiàn)的表格合并單元格示例
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)的表格合并單元格,涉及bootstrap界面布局相關(guān)操作技巧,需要的朋友可以參考下2018-02-02js實(shí)現(xiàn)文章文字大小字號(hào)功能完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)文章文字大小字號(hào)功能的實(shí)現(xiàn)方法,可根據(jù)用戶習(xí)慣調(diào)整顯示文字的大小.詳細(xì)講述了實(shí)現(xiàn)這一功能的完整步驟.是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11JS+CSS實(shí)現(xiàn)自適應(yīng)選項(xiàng)卡寬度的圓角滑動(dòng)門效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)自適應(yīng)選項(xiàng)卡寬度的圓角滑動(dòng)門效果,通過簡(jiǎn)單的css設(shè)置實(shí)現(xiàn)圓角滑動(dòng)門功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09