用按钮控制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 相关文章推荐
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
js GridView 实现自动计算操作代码
Mar 25 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
Node.js与PHP、Python的字符处理性能对比
Jul 06 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
javascript实现导航栏分页效果
Jun 27 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
实现局部遮罩与关闭原理及代码
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
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
php简单日历函数
2015/10/28 PHP
分享PHP守护进程类
2015/12/30 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
js中匿名函数的N种写法
2010/09/08 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
潜说js对象和数组
2011/05/25 Javascript
js精度溢出解决方案
2012/12/02 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
JavaScript及jquey实现多个数组的合并操作
2014/09/06 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
2017/12/28 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
Python和C/C++交互的几种方法总结
2017/05/11 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
使用Python处理BAM的方法
2018/09/28 Python
Python unittest 简单实现参数化的方法
2018/11/30 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
python科学计算之narray对象用法
2019/11/25 Python
Python中的面向接口编程示例详解
2021/01/17 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
大学生职业生涯规划书模板
2014/01/18 职场文书
节约粮食标语
2014/06/18 职场文书
八月迷情观后感
2015/06/11 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL