JS是否可以跨文件同時控制多個iframe頁面的應(yīng)用技巧
有個辦法,建議你的有連接的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>無標題文檔</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)容點擊鏈接更新兩個iframe</a>
總結(jié)
以上所述是小編給大家介紹的JS是否可以跨文件同時控制多個iframe頁面的應(yīng)用技巧,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- js父頁面與子頁面不同時顯示的方法
- JSP 多條SQL語句同時執(zhí)行的方法
- 引用其它js時如何同時處理多個window.onload事件
- js導(dǎo)出table到excel同時兼容FF和IE示例
- js判斷鼠標同時離開兩個div的思路及代碼
- js判斷樣式className同時增加class或刪除class
- js同時按下兩個方向鍵
- JS實現(xiàn)同時搜索百度和必應(yīng)的方法
- JS是否可以跨文件同時控制多個iframe頁面的應(yīng)用技巧
- 利用JS對iframe父子(內(nèi)外)頁面進行操作的方法教程
- JS實現(xiàn)向iframe中表單傳值的方法
- js如何判斷是否在iframe中及防止網(wǎng)頁被別站用iframe嵌套
- 解決同一頁面中兩個iframe互相調(diào)用jquery,js函數(shù)的方法
- JavaScript中關(guān)于iframe滾動條的去除和保留
- js 能實現(xiàn)監(jiān)聽F5頁面刷新子iframe 而父頁面不刷新的方法
- javascript iframe跨域詳解
- JS防止網(wǎng)頁被嵌入iframe框架的方法分析
相關(guān)文章
JavaScript實現(xiàn)兩個select下拉框選項左移右移
這篇文章主要介紹了JavaScript實現(xiàn)兩個select下拉框選項左移右移功能,js實現(xiàn)下拉框元素互相移動,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03
javascript cookie解碼函數(shù)(兼容ff)
javascript cookie解碼函數(shù)2008-03-03
javascript使用Promise對象實現(xiàn)異步編程
這篇文章主要介紹了javascript使用Promise對象實現(xiàn)異步編程的相關(guān)資料,需要的朋友可以參考下2016-03-03
JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果
這篇文章主要介紹了JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果,通過簡單的css設(shè)置實現(xiàn)圓角滑動門功能,非常簡單實用,需要的朋友可以參考下2015-09-09

