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 AJAX回调函数this指向问题
Feb 08 Javascript
js完美实现@提到好友特效(兼容各大浏览器)
Mar 16 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
Jun 19 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 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的curl封装类用法实例
2014/11/07 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
PHP+MySQL使用mysql_num_rows实现模糊查询图书信息功能
2018/05/31 PHP
PHP实现的日历功能示例
2018/09/01 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
2014/09/04 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
浅谈JavaScript_DOM学习篇_图片切换小案例
2019/03/19 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
在VUE中使用lodash的debounce和throttle操作
2020/11/09 Javascript
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
苹果音乐订阅:Apple Music
2018/08/02 全球购物
学生党员思想汇报
2013/12/28 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
学生手册评语
2014/05/05 职场文书
出售房屋协议书范本
2014/10/06 职场文书
汽车车尾标语大全
2015/08/11 职场文书
党员干部学习心得体会
2016/01/23 职场文书