day15-JavaScript代码存在形式

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_34313182

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangqigao/articles/8108508.html

本文介绍JavaScript在HTML中的三种展示方式：直接在<head>标签内编写、通过src属性引入外部文件及置于<body>底部以优化用户体验。同时讲解了注释的使用。

一、概述

　　之前我们讲了css和html，下面我们来学习学习javascript，JavaScript代码存在以怎样的形式展现给我们的，今天我们就来研究一下。

二、在head中展现

2.1、直接在js代码

<head>
    <script type="text/javascript">  //type="text/javascript",表示是js代码，如果不写的话，默认就是这个属性
        //js代码
    </script>
</head>

2.2、直接引用js文件

说明：src="本地js文件或者是其他网站的js文件链接"

<head>
　　//引用js文件，这个js文件也可以是其他网站的js文件链接,这个里面不能执行任何脚本，单纯的引用，想执行脚本，需要另写<script>
    <script src="js/s1.js"></script> 
</head>

如图：

三、html文件执行的顺序

html文本是从上到下依次执行，先执行js文件，等上面执行完了，再执行下面的body中的html的文本

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">   #head中执行js
        alert(123)
    </script>
</head>
<body>
    <h1>ehofqwo</h1>   #body中h1标签
</body>
</html>

执行的效果图：

由此看到，先执行了js，然后等点击确定之后，才能执行出html

问：这样的话，有啥坏处呐？

其实从这个里面我们就能看出不合理性，这样不能让用户先看到页面，而是先加载页面，不能带来友好度，所以，我们不建议这样做。

问：那我们如何做呐？

为了让页面快速的让用户看到，增加了用户的友好度，就把js放在body的最下面，因为页面是从上到下解释的，所以页面先加载内容，最后去加载js，所以应该写在body的最下面。

ps：JS代码需要放置在<body> 标签内部的最下面。

四、js注释

4.1、注释

// 单行注释
/*   多行注释  */

如图：

转载于:https://www.cnblogs.com/zhangqigao/articles/8108508.html