用按钮控制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复选框CHECKBOX全选,取消全选
Aug 30 Javascript
javascript开发随笔一 preventDefault的必要
Nov 25 Javascript
JavaScript中变量提升 Hoisting
Jul 03 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
js实现不重复导入的方法
Mar 02 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 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文本操作类
2006/11/25 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
PHP版本如何选择?应该使用哪个版本?
2015/05/13 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
JavaScript入门之基本函数详解
2011/10/21 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
python实现的读取网页并分词功能示例
2019/10/29 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
解决python脚本中error: unrecognized arguments: True错误
2020/04/20 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
python基于socket函数实现端口扫描
2020/05/28 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
Html5实现文件异步上传功能
2017/05/19 HTML / CSS
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
阿巴庭院:Abba Patio
2019/06/18 全球购物
培训讲师邀请函
2014/01/10 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
北京爱情故事观后感
2015/06/12 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
MySQL查询日期时间
2022/05/15 MySQL