解决用jquery load加载页面到div时,不执行页面js的问题


Posted in Javascript onFebruary 22, 2014

jquery代码:

$(function(){
$("#test").load("${contextPath}/notepad/toCreate.do");
}

加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行

这种方式没办法实现,换个思路:

<div id="test">
    <iframe name="testLoad" style="width:100%"></iframe>
</div>

js事件:
function loadPage(){
    window.open("${contextPath}/notepad/toCreate.do",'testLoad','');// testLoad为iframe的name属性
}

按钮:
<input type="button" value="加载" onclick="loadPage()" />

点击按钮时,加载页面到iframe中,里面的js是可以使用的,感觉不太好,就像是刷新页面了一样...
Javascript 相关文章推荐
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
AngularJS入门教程之过滤器详解
Aug 19 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
移动端效果之IndexList详解
Oct 20 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
文本框水印提示效果的简单实现代码
Feb 22 #Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 #Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 #Javascript
jquery取消选择select下拉框示例代码
Feb 22 #Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 #Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 #Javascript
js document.write()使用介绍
Feb 21 #Javascript
You might like
Zerg兵种介绍
2020/03/14 星际争霸
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
jQuery之ajax删除详解
2014/02/27 Javascript
关于JavaScript的变量的数据类型的判断方法
2015/08/14 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
JavaScript的代码编写格式规范指南
2015/12/07 Javascript
JS中多种方式创建对象详解
2016/03/22 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
Jquery on绑定的事件 触发多次实例代码
2016/12/08 Javascript
原生js实现轮播图
2017/02/27 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
Python实现的数据结构与算法之链表详解
2015/04/22 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
Python算法应用实战之栈详解
2017/02/04 Python
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
python中的数据结构比较
2019/05/13 Python
Python如何进行时间处理
2020/08/06 Python
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
行政部工作岗位职责范本
2014/03/05 职场文书
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
安踏广告词改编版
2014/03/21 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
大专护理专业自荐信
2015/03/25 职场文书
政协工作总结2015
2015/05/20 职场文书
行政处罚事先告知书
2015/07/01 职场文书