用按鈕控制iframe顯示的網(wǎng)頁實(shí)現(xiàn)方法
更新時(shí)間：2013年02月04日 09:55:57 作者：
在iframe中顯示的網(wǎng)頁已經(jīng)是一件平凡無奇的事了，不過可能依然有很多的童鞋沒不知所措吧，沒關(guān)系，因?yàn)楸疚牡某霈F(xiàn)將會帶你脫離苦海，感性的朋友可以了解下啊，或許對你有所幫助
復(fù)制代碼 代碼如下:
//有兩個(gè)按鈕分別響應(yīng)兩個(gè)事件，用來控制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實(shí)現(xiàn)仿百度風(fēng)云榜可重復(fù)多次調(diào)用的TAB切換選項(xiàng)卡效果
這篇文章主要介紹了js實(shí)現(xiàn)仿百度風(fēng)云榜可重復(fù)多次調(diào)用的TAB切換選項(xiàng)卡效果,涉及javascript鼠標(biāo)事件及頁面元素遍歷調(diào)用的實(shí)現(xiàn)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
javascript的tab切換原理與效果實(shí)現(xiàn)方法
這篇文章主要介紹了javascript的tab切換原理與效果實(shí)現(xiàn)方法,實(shí)例分析了簡單的tab切換實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了javascript事件模型用法,實(shí)例分析了事件模型、事件對象、事件監(jiān)聽器及事件傳遞的定義與使用技巧,需要的朋友可以參考下2015-01-01
異步操作可能會產(chǎn)生你不希望的事件觸發(fā)順序。這個(gè)問題以前也遇到過，當(dāng)時(shí)沒想太多，也就是直接多層嵌套（在ajax返回以后嵌套下一個(gè)事件）來解決。2010-07-07
這篇文章主要教大家簡單實(shí)現(xiàn)JS計(jì)算器功能,實(shí)現(xiàn)小數(shù)點(diǎn)校驗(yàn)，重復(fù)計(jì)算，以及大量更符合用戶體驗(yàn)的操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
現(xiàn)在微博都有一個(gè)不錯(cuò)的效果就是會實(shí)時(shí)的動態(tài)滾動并顯示最新的信息了，下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。2015-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)數(shù)字滾動特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)（二） 生成調(diào)試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)（二） 生成調(diào)試安裝包的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制折線圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02