这篇文章主要介绍了 JS 实现点击按钮后框架内载入不同网页的方法, 涉及 javascript 点击按钮载入页面的技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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", "http://www.phperz.com/");
- } catch(e) {
- window.location.reload();
- }
- }
- </script>
- <input id="CmdGetUrl" type="button" value="加载页" onclick="GetUrl()" />
- </body>
- </html>
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: