手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用按钮控制iframe显示的网页实现方法
用按钮控制iframe显示的网页实现方法
摘要:复制代码代码如下://有两个按钮分别响应两个事件,用来控制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>

【用按钮控制iframe显示的网页实现方法】相关文章:

Jquery动态添加输入框的方法

javascript搜索框效果实现方法

JavaScript通过事件代理高亮显示表格行的方法

js控制网页前进和后退的方法

jquery控制表单输入框显示默认值的方法

JS动态增删表格行的方法

JS选项卡动态替换banner图片路径的方法

使用JavaScript刷新网页的方法

JavaScript模版引擎的基本实现方法浅析

js实现从右向左缓缓浮出网页浮动层广告的方法

精品推荐
分类导航