用按钮控制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 固定悬浮效果实现思路代码
Aug 02 Javascript
7个jQuery最佳实践
Jan 12 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
将鼠标焦点定位到文本框最后(代码分享)
Jan 11 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 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_fetch_row()以数组的形式返回查询结果
2013/06/05 PHP
php中in_array函数用法分析
2014/11/15 PHP
如何把php5.3版本升级到php5.4或者php5.5
2015/07/31 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
在Z-Blog中运行代码[html][/html](纯JS版)
2007/03/25 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
2017/04/25 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
Swiper实现轮播图效果
2017/07/03 Javascript
vue页面离开后执行函数的实例
2018/03/13 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
javascript实现点击小图显示大图
2020/11/29 Javascript
python实现根据图标提取分类应用程序实例
2014/09/28 Python
python基于socket实现网络广播的方法
2015/04/29 Python
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
对pandas中时间窗函数rolling的使用详解
2018/11/28 Python
python三方库之requests的快速上手
2019/03/04 Python
Python configparser模块操作代码实例
2020/06/08 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
印刷工程专业应届生求职信
2013/09/29 职场文书
六查六看自查材料
2014/02/17 职场文书
节能标语大全
2014/06/21 职场文书
党员个人党性分析材料
2014/12/18 职场文书
结婚纪念日感言
2015/08/01 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
python实现双链表
2022/05/25 Python