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通过a标签删除table中的一行的代码
Dec 02 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
node.js开机自启动脚本文件
Dec 24 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 26 Javascript
Js数组扁平化实现方法代码总汇
Nov 11 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调用wsdl文件类型的接口代码分享
2014/11/19 PHP
PHP设计模式之观察者模式实例
2016/02/22 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
PDO实现学生管理系统
2020/03/21 PHP
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
通过js获取div的background-image属性
2013/10/15 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
跟老齐学Python之使用Python查询更新数据库
2014/11/25 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
django实现前后台交互实例
2017/08/07 Python
使用Python处理BAM的方法
2018/09/28 Python
对Python 内建函数和保留字详解
2018/10/15 Python
python sort、sort_index方法代码实例
2019/03/28 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
技术副厂长岗位职责
2013/12/26 职场文书
加拿大探亲邀请信
2014/01/28 职场文书
《老山界》教学反思
2014/04/08 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
活动主持人开场白
2015/05/28 职场文书
Mysql实现主从配置和多主多从配置
2021/06/02 MySQL
centos8安装nginx1.9.1的详细过程
2021/08/02 Servers
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
从结婚开始的恋爱故事。小说《我的美好婚事》TV动画化决定
2022/04/07 日漫