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程序设计有所帮助。

Javascript 相关文章推荐
javascript 极速 隐藏/显示万行表格列只需 60毫秒
Mar 28 Javascript
删除Javascript Object中间的key
Nov 18 Javascript
JavaScript更改原始对象valueOf的方法
Mar 19 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
Node.js刷新session过期时间的实现方法推荐
May 18 Javascript
jQuery事件详解
Feb 23 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
Vue中使用的EventBus有生命周期
Jul 12 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 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
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
js用闭包遍历树状数组的方法
2014/03/19 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
jquery实现表格本地排序的方法
2015/03/11 Javascript
JavaScript中toString()方法的使用详解
2015/06/05 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
详解vue 实例方法和数据
2017/10/23 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
Python线程的两种编程方式
2015/04/14 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
python一行sql太长折成多行并且有多个参数的方法
2018/07/19 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
Python ellipsis 的用法详解
2020/11/20 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
科长竞聘演讲稿
2014/05/16 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
民主评议党员总结
2014/10/20 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript
Feign调用全局异常处理解决方案
2021/06/24 Java/Android