用按钮控制iframe显示的网页实现方法


Posted in Javascript onFebruary 04, 2013
//有两个按钮分别响应两个事件,用来控制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>
Javascript 相关文章推荐
javascript中的new使用
Mar 20 Javascript
Draggable Elements 元素拖拽功能实现代码
Mar 30 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
详解node服务器中打开html文件的两种方法
Sep 18 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
Vue.js组件通信之自定义事件详解
Oct 19 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 #Javascript
js实现网站首页图片滚动显示
Feb 04 #Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 #Javascript
js网页中的(运行代码)功能实现思路
Feb 04 #Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 #Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 #Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 #Javascript
You might like
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
jquery 提示信息显示后自动消失的具体实现
2013/12/18 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
bootstrap table表格客户端分页实例
2017/08/07 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
原生JS实现逼真的图片3D旋转效果详解
2019/02/16 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
JavaScript This指向问题详解
2019/11/25 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
在Django框架中运行Python应用全攻略
2015/07/17 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
在自动化中用python实现键盘操作的方法详解
2019/07/19 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
澳大利亚药房在线:ThePharmacy
2017/10/04 全球购物
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
学生实习证明范文
2014/09/28 职场文书
党支部工作总结2015
2015/04/01 职场文书
劳动模范获奖感言
2015/07/31 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
德生2P3收音机开箱评测
2022/04/30 无线电