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实现信息的显示和隐藏如注册页面
Dec 03 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
javascript正则表达式总结
Feb 29 Javascript
Bootstrap和Java分页实例第一篇
Dec 23 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
理解Angular的providers给Http添加默认headers
Jul 04 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
浅谈JavaScript find 方法不支持IE的问题
Sep 28 Javascript
实现div内部滚动条滚动到底部和顶部的代码
Nov 15 Javascript
vue-test-utils初使用详解
May 23 Javascript
js实现盒子拖拽动画效果
Aug 09 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 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
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
PHP的开合式多级菜单程序
2006/10/09 PHP
随时给自己贴的图片加文字的php水印
2007/03/16 PHP
php discuz 主题表和回帖表的设计
2009/03/13 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
谈谈JavaScript自定义回调函数
2015/10/18 Javascript
jQuery如何封装输入框插件
2016/08/19 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
Python字符串替换实例分析
2015/05/11 Python
Python首次安装后运行报错(0xc000007b)的解决方法
2016/10/18 Python
Python3 Random模块代码详解
2017/12/04 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
下面关于"联合"的题目的输出是什么
2013/08/06 面试题
家佳咖啡店创业计划书
2013/12/27 职场文书
物业工作计划书
2014/01/10 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
公司员工安全协议书
2014/11/21 职场文书
人事局接收函
2015/01/30 职场文书
道歉短信大全
2015/05/12 职场文书
react antd实现动态增减表单
2021/06/03 Javascript
为什么MySQL 删除表数据 磁盘空间还一直被占用
2021/10/16 MySQL
Python Matplotlib库实现画局部图
2021/11/17 Python