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 相关文章推荐
判断控件是否已加载完成的代码
Feb 24 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
javascript实现五星评分功能
Nov 10 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
js实现常用排序算法
Aug 09 Javascript
jQuery中JSONP的两种实现方式详解
Sep 26 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
vue微信分享到朋友圈 vue微信发送给好友
Nov 28 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
使用layer模态框给新页面传值的方法
Sep 27 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 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
js下函数般调用正则的方法附代码
2008/06/22 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
jquery获得option的值和对option进行操作
2013/12/13 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
jquery获取节点名称
2015/04/26 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
2016/09/21 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
JS实现移动端实时监听输入框变化的实例代码
2017/04/12 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
js实现简单模态框实例
2018/11/16 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
Python入门篇之编程习惯与特点
2014/10/17 Python
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
酒吧总经理岗位职责
2013/12/10 职场文书
趣味运动会活动方案
2014/02/12 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
区域销售大会开幕词
2016/03/04 职场文书
Beekeeper Studio开源数据库管理工具比Navicat更炫酷
2022/06/21 数据库