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添加输出窗口的代码
Feb 07 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
javascript级联下拉列表实例代码(自写)
May 10 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
让浏览器DOM元素最后加载的js方法
Jul 29 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 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新手上路(十二)
2006/10/09 PHP
destoon官方标签大全
2014/06/20 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
php使用curl代理实现抓取数据的方法
2017/02/03 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
不错的JS中变量相关的细节分析
2007/08/13 Javascript
JS动画效果代码3
2008/04/03 Javascript
JqGrid web打印实现代码
2011/05/31 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
Javascript原生ajax请求代码实例
2020/02/20 Javascript
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python实现各进制转换的总结大全
2017/06/18 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
垃圾回收的优点和原理
2014/05/16 面试题
大学生优秀自荐信范文
2014/02/25 职场文书
年终工作总结范文2014
2014/11/27 职场文书
读书笔记怎么写
2015/07/01 职场文书
JavaScript函数柯里化
2021/11/07 Javascript
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技