用按钮控制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 02 Javascript
HTML中事件触发列表与解说
Jul 09 Javascript
prototype 中文参数乱码解决方案
Nov 09 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
浅谈JS运算符&amp;&amp;和|| 及其优先级
Aug 10 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 Javascript
Vue全家桶入门基础教程
May 14 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
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
jquery中常用的SET和GET
2009/01/13 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js简单网速测试方法完整实例
2015/12/15 Javascript
javascript三种代码注释方法
2016/06/02 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
js基础之DOM中元素对象的属性方法详解
2016/10/28 Javascript
JavaScript中创建对象的7种模式详解
2017/02/21 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
webpack搭建vue 项目的步骤
2017/12/27 Javascript
JS实现全屏预览F11功能的示例代码
2018/07/23 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
Python语言的变量认识及操作方法
2018/02/11 Python
Python浅复制中对象生存周期实例分析
2018/04/02 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
Python实现自动整理文件的脚本
2020/12/17 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
唤醒头发毛囊的秘密武器:Grow Gorgeous
2016/08/28 全球购物
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
初中体育教学反思
2014/01/14 职场文书
统计岗位职责
2014/02/21 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
Go使用协程交替打印字符
2021/04/29 Golang
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫