用按钮控制iframe显示的网页实现方法
用按钮控制iframe显示的网页实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下://有两个按钮分别响应两个事件,用来控制iframe显示的网页。functionbd(){varbaidu=documen...

复制代码 代码如下:

//有两个按钮分别响应两个事件,用来控制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教程学习
热门Javascript教程学习
编程开发子分类