用按鈕控制iframe顯示的網頁實現(xiàn)方法
更新時間:2013年02月04日 09:55:57 作者:
在iframe中顯示的網頁已經是一件平凡無奇的事了,不過可能依然有很多的童鞋沒不知所措吧,沒關系,因為本文的出現(xiàn)將會帶你脫離苦海,感性的朋友可以了解下啊,或許對你有所幫助
復制代碼 代碼如下:
//有兩個按鈕分別響應兩個事件,用來控制iframe顯示的網頁。
<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>
相關文章
xmlplus組件設計系列之下拉刷新(PullRefresh)(6)
xmlplus 是一個JavaScript框架,用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設計系列之下拉刷新,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05javascript input輸入框模糊提示功能的實現(xiàn)
這篇文章主要介紹了javascript input輸入框模糊提示功能的實現(xiàn)的相關資料,希望通過本能幫助到大家,需要的朋友可以參考下2017-09-09微信小程序授權登錄解決方案的代碼實例(含未通過授權解決方案)
這篇文章主要介紹了微信小程序授權登錄解決方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-05-05