JavaScript在Web页面中的位置

最新推荐文章于 2023-10-29 21:21:28 发布

huiting_liu

最新推荐文章于 2023-10-29 21:21:28 发布

阅读量691

点赞数

文章标签： web javascript

本文链接：https://blog.csdn.net/huiting_liu/article/details/53540059

版权

用JavaScript编写的代码需要放在HTML文档中才能被浏览器执行，有两种方式可以做到这一点。

一.直接内嵌JavaScript代码

这种方法将JavaScript代码写在<script> </script>之间，然后可以将其放在html文件的任何位置，但是一般放在网页的head或body部分:

<head>
   
<script type="text/javascript">
    js代码
    </script>
</head>


    （<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言）

<body>
  <script type="text/javascript">
    js代码
    </script>
<body>


        值得注意的是，浏览器解释html时是按照先后顺序的，前面的script就先被执行，所以进行页面初始化的js就必须放在head里面，其他的没有特殊要求。




二.引用JavaScript文件
      这种方式是将JavaScript代码存为一个扩展名为 .js 的独立文件，用<script>标签的src属性来指向该文件，可以将其放在head里，但推荐将<script>放在HTML文档最后，</body>标签之前，使浏览器更快的加载页面并展示给用户。
<script src="script.js">
</script>