用按钮控制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倒计时小程序
Nov 05 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
详解JavaScript的内置对象
Dec 07 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
Node.js 回调函数实例详解
Jul 06 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
微信小程序+云开发实现欢迎登录注册
May 24 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
微信小程序实现电影App导航和轮播
Nov 30 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中adodbzip类实例
2014/12/08 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
js继承 Base类的源码解析
2008/12/30 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
Python 深入理解yield
2008/09/06 Python
Python调用C语言开发的共享库方法实例
2015/03/18 Python
python学习数据结构实例代码
2015/05/11 Python
python交互式图形编程实例(三)
2017/11/17 Python
解决python中 f.write写入中文出错的问题
2018/10/31 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
python中数字是否为可变类型
2020/07/08 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
应届毕业生的自我鉴定
2013/11/13 职场文书
采购部岗位职责
2013/11/24 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
个人银行贷款担保书
2014/04/01 职场文书
新品发布会策划方案
2014/06/08 职场文书
工商行政处罚决定书
2015/06/24 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python
以下牛机,你有几个
2022/04/05 无线电