用按鈕控制iframe顯示的網(wǎng)頁實現(xiàn)方法
更新時間：2013年02月04日 09:55:57 作者：
在iframe中顯示的網(wǎng)頁已經(jīng)是一件平凡無奇的事了，不過可能依然有很多的童鞋沒不知所措吧，沒關(guān)系，因為本文的出現(xiàn)將會帶你脫離苦海，感性的朋友可以了解下啊，或許對你有所幫助
復(fù)制代碼 代碼如下:
//有兩個按鈕分別響應(yīng)兩個事件，用來控制iframe顯示的網(wǎng)頁。
<script type="text/javascript">
function bd(){
var baidu = document.getElementById("i");
baidu.src = "http://www.baidu.com";
}
function xl(){
var sina = document.getElementById("i");
sina.src = "http://www.sina.com.cn";
}
</script>
<style type="text/css">
#i{
width:400px;
height:300px;
}
</style>
</head>
<body>
<iframe id = "i" scrolling = "no">
</iframe>
<div>
<input type = "button" value ="百度" onclick = "bd()"/>
<input type = "button" value ="新浪" onclick = "xl()"/>
</div>
</body>
相關(guān)文章
最新需要js 文件壓縮圖片上傳 以前沒搞過，新手把學(xué)習(xí)過程分享，對JS HTML圖片顯示Canvas 壓縮功能感興趣的朋友一起看看吧2017-07-07
js實現(xiàn)仿百度風(fēng)云榜可重復(fù)多次調(diào)用的TAB切換選項卡效果
這篇文章主要介紹了js實現(xiàn)仿百度風(fēng)云榜可重復(fù)多次調(diào)用的TAB切換選項卡效果,涉及javascript鼠標(biāo)事件及頁面元素遍歷調(diào)用的實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下2015-08-08
javascript的tab切換原理與效果實現(xiàn)方法
這篇文章主要介紹了javascript的tab切換原理與效果實現(xiàn)方法,實例分析了簡單的tab切換實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了javascript事件模型用法,實例分析了事件模型、事件對象、事件監(jiān)聽器及事件傳遞的定義與使用技巧,需要的朋友可以參考下2015-01-01
異步操作可能會產(chǎn)生你不希望的事件觸發(fā)順序。這個問題以前也遇到過，當(dāng)時沒想太多，也就是直接多層嵌套（在ajax返回以后嵌套下一個事件）來解決。2010-07-07
這篇文章主要教大家簡單實現(xiàn)JS計算器功能,實現(xiàn)小數(shù)點校驗，重復(fù)計算，以及大量更符合用戶體驗的操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
現(xiàn)在微博都有一個不錯的效果就是會實時的動態(tài)滾動并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。2015-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)數(shù)字滾動特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調(diào)試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調(diào)試安裝包的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了JavaScript canvas繪制折線圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02