JS实现点击按钮后框架内载入不同网页的方法

更新时间：2015年05月05日 09:42:48 投稿：shichen2014

这篇文章主要介绍了JS实现点击按钮后框架内载入不同网页的方法,涉及javascript点击按钮载入页面的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现点击按钮后框架内载入不同网页的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<iframe width="1024" height="768" id="Box" frameborder="1" 
scrolling="0"></iframe>
<br />
<script language="javascript">
function GetUrl()
{
 try
 { 
 $("#Box").attr("src","https://www.jb51.net/");
 }
 catch(e)
 {
 window.location.reload(); 
 }
}
</script>
<input id="CmdGetUrl" type="button" value="加载页" onclick="GetUrl()"/>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

用js编写留言板
这篇文章主要为大家详细介绍了用js编写留言板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
一文带你快速学会JavaScript条件判断及高级用法
JavaScript支持其用于执行根据不同的条件不同的操作条件语句,下面这篇文章主要给大家介绍了关于如何在JavaScript中更好的使用条件判断的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
JavaScript组合模式---引入案例分析
这篇文章主要介绍了JavaScript组合模式,结合具体案例形式分析了JavaScript组合模式定义、应用与相关操作注意事项,需要的朋友可以参考下
2020-05-05
小程序实现手写签名
这篇文章主要为大家详细介绍了小程序实现手写签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
详解如何构建Promise队列实现异步函数顺序执行
这篇文章主要介绍了详解如何构建Promise队列实现异步函数顺序执行，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10
JS判断是否在微信浏览器打开的简单实例(推荐)
下面小编就为大家带来一篇JS判断是否在微信浏览器打开的简单实例(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
js简单实现图片延迟加载的方法
这篇文章主要介绍了js简单实现图片延迟加载的方法,涉及javascript针对页面元素的遍历与动态设置技巧,需要的朋友可以参考下
2016-07-07
解决Layui数据表格中checkbox位置不居中的方法
今天小编就为大家分享一篇解决Layui数据表格中checkbox位置不居中的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
收藏Javascript中常用的55个经典技巧
收藏Javascript中常用的55个经典技巧...
2007-08-08
关于Javascript作用域链的八点总结
其实吧，关于作用域链相关的文章我也看了不少，但是我一直也没能做一个详细的总结，今天把我看到的一些东西，结合自己的想法，总结成以下8个点
2013-12-12