脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS点击按钮后框架内载入不同网页

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中判断两个对象是否相等方法详解

    在JavaScript中，判断两个对象是否相等有多种方法，取决于你对相等的定义以及对象属性的类型，本文将介绍几种常见的方法，感兴趣的同学可以参考阅读
    2023-05-05
  • JavaScript中奇葩的假值示例应用

    JavaScript中奇葩的假值示例应用

    这篇文章主要介绍了JavaScript中奇葩的假值应用,需要的朋友可以参考下
    2014-03-03
  • JS实现简单抖动效果

    JS实现简单抖动效果

    这篇文章给大家结束了通过js实现抖动效果，非常不错，具有参考借鉴价值，感兴趣的朋友参考下吧
    2017-06-06
  • FF和IE之间7个JavaScript的差异

    FF和IE之间7个JavaScript的差异

    尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。
    2009-05-05
  • JS的参数传递示例介绍

    JS的参数传递示例介绍

    想必大家对参数传递并不陌生吧，本文为大家介绍下JS的参数传递,需要的朋友可以参考下
    2014-02-02
  • JavaScript实现同步于本地时间的动态时间显示方法

    JavaScript实现同步于本地时间的动态时间显示方法

    这篇文章主要介绍了JavaScript实现同步于本地时间的动态时间显示方法,实例分析了javascript获取本地时间及动态显示的技巧,并对实现代码进行了较为详尽的分析说明,需要的朋友可以参考下
    2015-02-02
  • JavaScript中将字符串转换为数字的七种方法总结

    JavaScript中将字符串转换为数字的七种方法总结

    在js的使用中往往伴随着有格式带来的问题,下面这篇文章主要给大家介绍了关于JavaScript中将字符串转换为数字的七种方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • 使用javaScript实现鼠标拖拽事件

    使用javaScript实现鼠标拖拽事件

    这篇文章主要为大家详细介绍了使用javaScript实现鼠标拖拽事件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-09-09
  • javascript原生ajax写法分享

    javascript原生ajax写法分享

    本文通过2个示例来给大家分享了下原生javascript结合ajax实现数据请求的方法以及原理，非常的简单实用，有需要的小伙伴可以参考下
    2016-04-04
  • JavaScript标准对象_动力节点Java学院整理

    JavaScript标准对象_动力节点Java学院整理

    这篇文章主要为大家详细介绍了JavaScript标准对象的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论