js external在html的head标签中不起作用

时间:2016-10-10 14:26:56

标签: javascript html

我的js外部文件没有在head标签中工作,但是,它正在代码的末尾进行调用。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> java Script</title>
    <link rel="stylesheet" href="style.css">
     <script type="text/javascript" src="myjavascript.js"> </script>    
</head>

1 个答案:

答案 0 :(得分:0)

在浏览器呈现页面之前,必须通过解析HTML标记来构建DOM树。在此过程中,每当解析器遇到脚本时,它必须先停止并执行它,然后才能继续解析HTML。如果您的脚本试图访问文件<body>中的元素,它将失败,因为尚未加载DOM的那部分。

将脚本放在结束<body>标记之前。

https://developers.google.com/speed/docs/insights/BlockingJS