解决用jquery load加载页面到div时,不执行页面js的问题
$(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>
function loadPage(){
window.open("${contextPath}/notepad/toCreate.do",'testLoad','');// testLoad为iframe的name属性
}
<input type="button" value="加载" onclick="loadPage()" />
点击按钮时,加载页面到iframe中,里面的js是可以使用的,感觉不太好,就像是刷新页面了一样...
相关推荐
-
用jQuery模拟页面加载进度条的实现代码
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示. 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 复制代码 代码如下: *{margin:0;padding:0;font-size:12px} .loading{position:relative;top:0;le
-
jQuery 源代码显示控件 (Ajax加载方式).
直接引用远程文件就可以显示源文件,确实解决了资源.在线演示:http://img.jb51.net/online/jquery_codeview/jquery_code.htm打包下载:http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar
-
Jquery实现页面加载时弹出对话框代码
复制代码 代码如下: <script type="text/javascript" src="jquery-1.4.2.js"></script> //下载 <script type="text/javascript"> $(document).ready(function(){ alert("您好,欢迎来到Jquery!"); }) </script> 将以上代码置于head标
-
jquery实现ajax加载超时提示的方法
本文实例讲述了jquery实现ajax加载超时提示的方法.分享给大家供大家参考,具体如下: index.php <!doctype html> <html> <head> <meta charset="utf-8"/> <title>加载超时</title> <script type="text/javascript" src="http://lib.sinaapp.com/js
-
利用JQuery的load函数动态加载其它页面的内容的实现代码
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>JQuery - Load</title> <link rel="stylesheet" media="al
-
基于jQuery实现模拟页面加载进度条
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示. 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 复制代码 代码如下: .loading{position:relative;top:0;left:0} .tip1{float:left;background:#A7
-
基于JQuery实现滚动到页面底端时自动加载更多信息
关键代码: 复制代码 代码如下: var stop=true; $(window).scroll(function(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if($(document).height() <= totalheight){ if(stop==true){ stop=false;
-
jQuery实现页面滚动时动态加载内容的方法
本文实例讲述了jQuery实现页面滚动时动态加载内容的方法.分享给大家供大家参考.具体分析如下: 很多网站,比如twitter,京东商城首页,会在页面滚动到一定的位置时才动态加载页面内容,这样可以加快页面打开的速度,也可以节约带宽,下面的JS代码就可以帮你做到. var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).hei
-
jquery 页面滚动到底部自动加载插件集合
很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容.下面为你推荐 10 个 jQuery 的无限滚动的插件: 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件. 2. jQuery Screw Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件. 3
-
jQuery Div中加载其他页面的实现代码
经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享. 第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是DIV. 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function() { loadPage("doc_view", "<?php echo $this->doc_view_url . '/flag/1';
-
jQuery页面加载初始化常用的三种方法
当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区 别,看个人喜好了,第二种感觉比较简单明了: 第一种: 复制代码 代码如下: <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 复制代码 代码如下: <script type="text/javascript">
-
jquery加载页面的方法(页面加载完成就执行)
1.$(function(){ $("#a").click(function(){ //adding your code here }); }); 2.$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 3.window.onload = function(){ $("#a").click(function(){ //add
-
jQuery常用的4种加载方式分析 原创
本文实例分析了jQuery常用的4种加载方式.分享给大家供大家参考,具体如下: 1. 页面加载之前执行,与嵌入的js加载方式一样: (function($){})(jquery) 示例: (function($){ alert('Hello jb51'); })(jquery); 2. 页面加载后执行: $(document).ready(function(){}) 示例: $(document).ready(function(){ alert('Hello jb51'); }); 3. 页面加
随机推荐
- GOLANG版的冒泡排序和快速排序分享
- js工具方法弹出蒙版
- H5图片压缩与上传实例
- unpack.vbs
- javascript中的previousSibling和nextSibling的正确用法
- asp.net反射简单应用实例
- Linux(Ubuntu)下搭建ASP.NET Core环境
- ASP.NET Core 数据保护(Data Protection 集群场景)下篇
- 浅谈java Iterator.remove()方法的用法(详解)
- PHP实现克鲁斯卡尔算法实例解析
- php实现只保留mysql中最新1000条记录
- PHP面相对象中的重载与重写
- 详谈LABJS按需动态加载js文件
- Python列表(list)、字典(dict)、字符串(string)基本操作小结
- JavaScript中的事件委托及好处
- linux更改目录显示颜色实例详解
- jQuery对html元素的取值与赋值实例详解
- jQuery实现的放大镜效果示例
- Javascript highcharts 饼图显示数量和百分比实例代码
- 微信小程序 自己制作小组件实例详解