用按钮控制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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
JavaScript 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
javascript利用初始化数据装配模版的实现代码
Nov 17 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
Oct 26 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
node中的cookie的具体使用
Sep 13 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中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
php 强制下载文件实现代码
2013/10/28 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php封装的smarty类完整实例
2016/10/19 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
2008/08/05 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
javascript的日期对象、数组对象、二维数组使用说明
2014/12/22 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
2015/12/04 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
详解JS模块导入导出
2017/12/20 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
python多线程threading.Lock锁用法实例
2014/11/01 Python
Python中用sleep()方法操作时间的教程
2015/05/22 Python
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
Django实现发送邮件功能
2019/07/18 Python
python 字典套字典或列表的示例
2019/12/16 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
绝对经典成功的大学生推荐信
2013/11/08 职场文书
党支部换届选举方案
2014/05/08 职场文书
班级文化建设标语
2014/06/23 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL