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 相关文章推荐
jquery 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
jquery checkbox的相关操作总结
Oct 17 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 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源码之 ext/mysql扩展部分
2009/07/17 PHP
php mail to 配置详解
2014/01/16 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
用JS实现的一个include函数
2007/07/21 Javascript
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
jquery遍历checkbox介绍
2014/02/21 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
Python中文件操作简明介绍
2015/04/13 Python
python实现学生信息管理系统
2020/04/05 Python
对numpy中布尔型数组的处理方法详解
2018/04/17 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
建筑专业自我鉴定
2013/10/22 职场文书
竞聘演讲稿范文
2014/01/12 职场文书
公司活动策划方案
2014/01/13 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
死亡证明书样本说明
2014/10/18 职场文书
2015年父亲节寄语
2015/03/23 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers
DSP接收机前端设想
2022/04/05 无线电
JavaScript设计模式之原型模式详情
2022/06/21 Javascript