用按钮控制iframe显示的网页实现方法
更新时间：2013年02月04日 09:55:57 作者：
在iframe中显示的网页已经是一件平凡无奇的事了，不过可能依然有很多的童鞋没不知所措吧，没关系，因为本文的出现将会带你脱离苦海，感性的朋友可以了解下啊，或许对你有所帮助
复制代码 代码如下:
//有两个按钮分别响应两个事件，用来控制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>
相关文章
最新需要js 文件压缩图片上传 以前没搞过，新手把学习过程分享，对JS HTML图片显示Canvas 压缩功能感兴趣的朋友一起看看吧2017-07-07
这篇文章主要介绍了js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果,涉及javascript鼠标事件及页面元素遍历调用的实现技巧,非常简单实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了javascript的tab切换原理与效果实现方法,实例分析了简单的tab切换实现技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了javascript事件模型用法,实例分析了事件模型、事件对象、事件监听器及事件传递的定义与使用技巧,需要的朋友可以参考下2015-01-01
异步操作可能会产生你不希望的事件触发顺序。这个问题以前也遇到过，当时没想太多，也就是直接多层嵌套（在ajax返回以后嵌套下一个事件）来解决。2010-07-07
这篇文章主要教大家简单实现JS计算器功能,实现小数点校验，重复计算，以及大量更符合用户体验的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
现在微博都有一个不错的效果就是会实时的动态滚动并显示最新的信息了，下面我来给大家介绍仿新浪微博大厅首页滚动效果,希望此方法对大家会有帮助。2015-10-10
这篇文章主要为大家详细介绍了js实现数字滚动特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
JavaScript使用DeviceOne开发实战（二） 生成调试安装包
这篇文章主要介绍了JavaScript使用DeviceOne开发实战（二） 生成调试安装包的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了JavaScript canvas绘制折线图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
最新评论