用按钮控制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一组验证函数
Dec 20 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
JS实现可拖曳、可关闭的弹窗效果
Sep 26 Javascript
js浏览器html5表单验证
Oct 17 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
Jan 03 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
vue 导出文件,携带请求头token操作
Sep 10 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 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数据库初学者使用指南
2006/11/16 PHP
php简单实现查询数据库返回json数据
2015/04/16 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JS操作数据库的实例代码
2013/10/17 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
2016/08/05 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
从零学习node.js之利用express搭建简易论坛(七)
2017/02/25 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
2019/09/26 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
复制粘贴功能的Python程序
2008/04/04 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
pytorch nn.Conv2d()中的padding以及输出大小方式
2020/01/10 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
python 实现超级玛丽游戏
2020/11/25 Python
一道SQL存储过程面试题
2016/10/07 面试题
初中升旗仪式演讲稿
2014/05/08 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
高三教师工作总结2015
2015/07/21 职场文书
婚宴父母致辞
2015/07/27 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
python基于tkinter实现gif录屏功能
2021/05/19 Python
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang