怎样先运行head里面的代码。然后运行body里面的文件。是不是不用输入俩次<script>.

来源:1-5 JavaScript-认识语句和符号

逝叶

2018-10-19 19:38

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>认识语句</title>

<script type="text/javascript">

document.write("后做笔记"); 

</script>

</head>

<body>

<script type="text/javascript">

alert("先做笔记");

</script>


</body>

</html>


写回答 关注

2回答

  • 慕前端5166386
    2018-10-19 23:32:27
    已采纳

    加载的顺序不一样,你可以把HTML看成从上往下加载的。

    例如在网速慢的情况下把js代码放在body底部用户会先看到网页结构,等js加载完成后才出现特效

    区别简述:

    在HTML body部分中的JavaScripts会在页面加载的时候被执行。

    在HTML head部分中的JavaScripts会在被调用的时候才执行,但是在主页和其余部分代码之前预先装载

    ——————————————————————————
    1.JavaScript应放在哪里

    head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载,

    从而可使代码的功能更强大; 比如对*.js文件的提前调用。 也就是说把代码放在<head>区在页面载入的时候,就同时载入了代码,你在<body>区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了。

    <html>
    <head>
    <script type=”text/javascript”>
    ….
    </script>
    </head>

    body 部分中的脚本: 当页面被加载时立即执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

    <html>
    <head>
    </head>
    <body>
    <script type=”text/javascript”>
    ….
    </script>
    </body>

    body 和 head 部分可同时有脚本:你可在文件中放无数的脚本,因此你的文件中可以在body和head部分同时存在脚本。

    <html>
    <head>
    <script type=”text/javascript”>
    ….
    </script>
    </head>
    <body>
    <script type=”text/javascript”>
    ….
    </script>
    </body>

     

     

    2.如果把javascript放在head里的话,则先被解析,但这时候body还没有解析。

    (常规html结构都是head在前,body在后)如果head的js代码是需要传入一个参数(在body中调用该方法时,才会传入参数),并需调用该参数进行一系列的操作,那么这时候肯定就会报错,因为函数该参数未定义(undefined)。

    1. $(document).ready(function(){  

    2. //执行代码  

    3. })  

    3.从JavaScript对页面下载性能方向考虑:由于脚本会阻塞其他资源的下载(如图片等)和页面渲染,直到脚本全部下载并执行完成后,页面的渲染才会继续,因此推荐将所有的<script>标签尽可能放到<body>标签的底部,以尽量减少对整个页面下载的影响。

     


  • 慕移动9181930
    2022-03-26 06:27:50

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题