一个html文件在浏览器中的加载顺序是顺序进行的,如下文件:
<!DOCTYPE html>
<html>
<head>
<title>a.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
alert('test');
</script>
</head>
<body>
This is my a HTML page.
<button>funa</button>
<br>
</body>
</html>
该文件直接在浏览器访问时,执行顺序是依次加载执行,先执行js中的alert,再加载body里面的内容。
不过用jQuery的load方法载入这个html文件时,该html的执行的顺序则是:首先加载完整个文档,再执行js的alert。
如果在上述html文件中加载一个js文件,<script type="text/javascript" src="test.js" charset="utf-8"></script>,变成:
<!DOCTYPE html>
<html>
<head>
<title>a.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="test.js" charset="utf-8"></script>
<script type="text/javascript">
alert('test');
</script>
</head>
<body>
This is my a HTML page.
<button>funa</button>
<br>
</body>
</html>
而test.js的内容如下:
$(document).ready(function() {
alert('onload');
});
那么load该html文件时,test.js里面的代码会执行吗?经测试,jQuery1.44会执行,jQuery1.72则不会执行。
分享到:
相关推荐
load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。它的语法结构为: load( url [, data][, callback] ) load()方法参数解释见下表: 参数名称 类 型 说 明 url String ...
jquery-get-post-load 方法
用jquery.load的方法载入新的页面,以实现局部刷新,可结果发现载入进来的页面与原来单独的页面不一样,样式没了,关于这个问题,下面有个不错的解决方法
jquery提供的波形图html文档,纯粹的html布局与框架
调用load方法的完整格式是:load( url, [data], [callback] ),其中 url:是指要导入文件的地址。 data:可选参数;因为Load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件...
JQuery Lazyload加载图片实例
jQuery中load()方法语法格式
主要介绍了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法,涉及jQuery中load方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现样式没了,后来发现了解决方法,如果不过滤掉一些内容的话,直接加载,会使页面混乱的
jQuery – AJAX load() 方法 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); ...
jQuery_lazyload插件示例Demo
jquery-load-demo
jquery.lazyload图片预加载 调用简单 内有实例
jquery.lazyload.min.js插件 直接下载引入即可~~~~~~~
HTML5 PHP jquery uploadify上传文件,带进度条,author:吕大豹。仿照uploadify写的,www.codesc.net已做过修正,本例的配置参数均与uploadify官网一致,参照官网的api就可以了,直接把文件夹上传到支持php的服务器...
editplus html5 css3 JQuery 语法文件 html5 css3.0 jQueryAPI手册
前端项目-jquery.loadtemplate,用于加载和使用模板的jquery插件。该插件设计简单但功能强大,支持从页面内加载模板,或使用Ajax加载HTML文件。
JQuery LazyLoad 图片懒加载实例,相关描述可查看我的博文“JQuery.LazyLoad 实现图片懒加载”
使用JQuery load函数异步分页,速度快,效率高,不需要一次性加载绑定查询数据,根据页码和数据数量分段获取。
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多...