编程 Javascript

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

Posted in Javascript onMay 05, 2015

本文实例讲述了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://3water.com/");
 }
 catch(e)
 {
 window.location.reload(); 
 }
}
</script>
<input id="CmdGetUrl" type="button" value="加载页" onclick="GetUrl()"/>
</body>
</html>

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

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 判断是否存在函数的方法

Jan 03 Javascript

JavaScript控制Session操作方法

Jan 17 Javascript

js调用iframe实现打印页面内容的方法

Mar 04 Javascript

CSS3实现动态背景登录框的代码

Jul 28 Javascript

jQuery实现的淡入淡出二级菜单效果代码

Sep 15 Javascript

超实用的JavaScript表单代码段

Feb 26 Javascript

Javascript基础教程之比较null和undefined值

May 16 Javascript

angular2中router路由跳转navigate的使用与刷新页面问题详解

May 07 Javascript

JS继承与闭包及JS实现继承的三种方式

Oct 15 Javascript

浅谈如何使用 webpack 优化资源

Oct 20 Javascript

jQuery实现新闻播报滚动及淡入淡出效果示例

Mar 23 jQuery

微信小程序组件生命周期的踩坑记录

Mar 03 Javascript

JS实现随机乱撞彩色圆球特效的方法

May 05 #Javascript

jquery实现图片随机排列的方法

May 04 #Javascript

jquery实现的美女拼图游戏实例

May 04 #Javascript

jQuery实现仿Alipay支付宝首页全屏焦点图切换特效

May 04 #Javascript

jQuery插件kinMaxShow扩展效果用法实例

May 04 #Javascript

jQuery消息提示框插件Tipso

May 04 #Javascript

jquery实现多屏多图焦点图切换特效的方法

May 04 #Javascript

You might like

当海贼王变成JOJO风

2020/03/02 日漫

PHP4实际应用经验篇(3)

2006/10/09 PHP

PHP中的str_repeat函数在JavaScript中的实现

2013/09/16 PHP

PHP将两个关联数组合并函数提高函数效率

2014/03/18 PHP

Laravel 微信小程序后端搭建步骤详解

2019/11/26 PHP

jQuery 使用手册(五)

2009/09/23 Javascript

JQuery 获取和设置Select选项的代码

2010/02/07 Javascript

Jquery 插件学习实例1 插件制作说明与tableUI优化

2010/04/02 Javascript

Jquery中Ajax 缓存带来的影响的解决方法

2011/05/19 Javascript

IE6、IE7中获取Button元素的值的bug说明

2011/08/28 Javascript

原生JS绑定滑轮滚动事件兼容常见浏览器

2014/06/30 Javascript

js实现左侧网页tab滑动门效果代码

2015/09/06 Javascript

深入理解JavaScript定时机制

2016/10/27 Javascript

js学习心得_一个简单的动画库封装tween.js

2017/07/14 Javascript

vue教程之toast弹框全局调用示例详解

2020/08/24 Javascript

vue实现验证码输入框组件

2017/12/14 Javascript

完美解决linux下node.js全局模块找不到的情况

2018/05/16 Javascript

vue路由组件按需加载的几种方法小结

2018/07/12 Javascript

layer ui 导入文件之前传入数据的实例

2019/09/23 Javascript

javascript 数组精简技巧小结

2020/02/26 Javascript

javascript利用键盘控制小方块的移动

2020/04/20 Javascript

详解ES6 CLASS在微信小程序中的应用实例

2020/04/24 Javascript

python逐行读取文件内容的三种方法

2014/01/20 Python

探索Python3.4中新引入的asyncio模块

2015/04/08 Python

Python使用django获取用户IP地址的方法

2015/05/11 Python

python利用urllib和urllib2访问http的GET/POST详解

2017/09/27 Python

Python Django 实现简单注册功能过程详解

2019/07/29 Python

python实现超级玛丽游戏

2020/03/18 Python

matplotlib部件之套索Lasso的使用

2021/02/24 Python

基础的CSS3弹性盒Flexbox布局使用实例

2016/04/08 HTML / CSS

小学新教师培训方案

2014/02/03 职场文书

2015年银行柜员工作总结报告

2015/04/01 职场文书

2019年最新七夕唯美祝福语（60条）

2019/07/22 职场文书

Django展示可视化图表的多种方式

2021/04/08 Python

golang通过递归遍历生成树状结构的操作

2021/04/28 Golang

Spring中bean的生命周期之getSingleton方法

2021/06/30 Java/Android