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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
JS库中的Particles.js在vue上的运用案例分析
Sep 13 Javascript
对Angular中单向数据流的深入理解
Mar 31 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
详解VUE前端按钮权限控制
Apr 26 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 strlen mb_strlen计算中英文混排字符串长度
2009/07/10 PHP
php自动加载的两种实现方法
2010/06/21 PHP
测试php函数的方法
2013/11/13 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
全面解读PHP的Yii框架中的日志功能
2016/03/17 PHP
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
vue中动态添加class类名的方法
2018/09/05 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
Python使用re模块实现信息筛选的方法
2018/04/29 Python
Python实现ping指定IP的示例
2018/06/04 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
Django多个app urls配置代码实例
2020/11/26 Python
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
一份比较全的PHP面试题
2016/07/29 面试题
Linux文件系统类型
2012/09/16 面试题
法学毕业生自我鉴定
2013/11/08 职场文书
个人教师自我评价范文
2013/12/02 职场文书
求职自荐信怎么写
2014/03/06 职场文书
2014年督导工作总结
2014/11/19 职场文书
北京天坛导游词
2015/02/12 职场文书
建立共青团委员会的请示
2019/04/02 职场文书
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
JavaScript的Set数据结构详解
2022/02/18 Javascript