Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 此脚本中首先加载的是什么?_Javascript_Jquery_Html_Http - Fatal编程技术网

Javascript 此脚本中首先加载的是什么?

Javascript 此脚本中首先加载的是什么?,javascript,jquery,html,http,Javascript,Jquery,Html,Http,就加载顺序而言,这个脚本中发生了什么?divLoading div标记是否在jquery库完成加载之前完成加载?库是否在用户屏幕上创建divLoading div标记之前开始加载 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

就加载顺序而言,这个脚本中发生了什么?divLoading div标记是否在jquery库完成加载之前完成加载?库是否在用户屏幕上创建divLoading div标记之前开始加载

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
    </head>

    <body>
        <div id="divLoading">loading...</div>
        <img src="http://goes.gsfc.nasa.gov/pub/goes/060619_fulldisk_color.jpg" />
    </body>
</html>

加载。。。

JS正在阻塞,因此加载脚本时HTML解析将暂停。

Jquery被请求,Jquery UI被请求。您没有任何JavaScript代码等待页面呈现或其他任何操作。您可以使用Firebug调查加载内容、加载时间和加载时间:


脚本按引用顺序连续运行。因此,将首先加载jQuery,然后加载jQuery UI。(浏览器可能会同时下载这两个文件,也可能会先下载一个文件,也可能不会先下载另一个文件,但处理将以先进先出的方式运行。)


JavaScript也在阻塞(页面上的其他内容都不会加载),因此在浏览器考虑body标签中的内容之前,脚本将被完全下载和处理。

不重复发布的内容,但js将首先加载,并阻止下载任何其他元素,因此,如果您使用jquery,最好将所有脚本移动到页面底部,而不是假设您使用document.ready listener来包装所有操作。如果是这种情况,则在DOM准备就绪之前不会执行任何操作,因此移动文件不会有任何伤害


这是一个很好的问题,因为它在HTTP客户机/服务器交互中提出了一个基本概念。

在调用jQuery库之前,是否可以在用户屏幕上加载div?在
JS阻塞之后将
元素移动到-,除非异步加载脚本:-)我已经移动了脚本元素,但由于某些原因,jquery库完成加载,并且在大图像完成加载之前可用。它是否应该等待图像完成加载,然后调用脚本标记?不。图像是非阻塞的。(并且不允许将脚本放在头部或身体之外)。除非异步加载脚本:-)不适用于此讨论。异步JavaScript由其他JavaScript引用和加载,而不是HTML标记,这正是海报感兴趣的地方。