使用按钮控制iframe显示的网页的例子

发布时间:2020-02-02编辑:脚本学堂
使用按钮控制iframe显示的网页的例子,供大家参考。

使用按钮控制iframe显示的网页的例子,供大家参考。

复制代码 代码如下:

 //有两个按钮分别响应两个事件,用来控制iframe显示的网页。
 <script type="text/javascript">
     function bd(){
         var baidu = document.getElementById("i");
         baidu.src = "http://www.jb200.com";
     }
     function xl(){
         var sina = document.getElementById("i");
         sina.src = "http://www.jb200.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>