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 相关文章推荐
JS获取屏幕高度的简单实现代码
May 24 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 Javascript
vue柱状进度条图像的完美实现方案
Aug 26 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
vue基于Teleport实现Modal组件
May 31 Vue.js
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中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
javascript基础知识大全 便于大家学习,也便于我自己查看
2012/08/17 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
js+HTML5实现视频截图的方法
2015/06/16 Javascript
Vuex之理解Getters的用法实例
2017/04/19 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
mpvue中使用flyjs全局拦截的实现代码
2018/09/13 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[00:35]可解锁地面特效
2018/12/20 DOTA
Python中的字典遍历备忘
2015/01/17 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
Python reques接口测试框架实现代码
2020/07/28 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
印度最大的旅游网站:MakeMyTrip
2016/10/05 全球购物
La Senza官网:北美顶尖性感内衣品牌
2018/08/03 全球购物
PHP面试题大全
2015/10/16 面试题
外企C语言笔试题
2013/11/10 面试题
九年级化学教学反思
2016/02/22 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
python_tkinter弹出对话框创建
2022/03/20 Python