用按钮控制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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
javascript 对象比较实现代码
Apr 27 Javascript
jquery 学习之二 属性相关
Nov 23 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
vue.js中created方法作用
Mar 30 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
vue基础之模板和过滤器用法实例分析
Mar 12 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 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
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
JavaScript 事件查询综合
2009/07/13 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
2015/03/04 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
Python 中Pickle库的使用详解
2018/02/24 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
业务员岗位职责
2013/11/16 职场文书
物流管理专业职业生涯规划书
2014/01/06 职场文书
幼儿园大班教学反思
2014/02/10 职场文书
党员大会主持词
2014/04/02 职场文书
安全例会汇报材料
2014/08/23 职场文书
普通话演讲稿
2014/09/03 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
综合素质评价自我评价
2015/03/06 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
奖励通知
2015/04/22 职场文书
消防隐患整改通知书
2015/04/22 职场文书
学校运动会加油词
2015/07/18 职场文书