hello world

118 阅读1分钟

JavaScript 代码主要放在script 标签中,当浏览器遇到 script 标签,代码会自动运行

script 标签

js在 script 标签的帮助下可以插入到 HTML 文档的任何地方。

比如:

<html lang="en">
    <head>
        <script> console.log('head中') </script>
    </head>
    <body>
        <script> console.log('标签前') </script>
        <h2>hello world</h2>
        <script> console.log('标签后') </script>
    </body>
</html>

放到body外的script会被自动添加到body中

注释

我们可以在脚本的任何地方添加注释,它们并不会影响代码的执行,注释的内容会被引擎忽略

在script中添加注释有以下两种方法:

  • 单行注释
<script>
      // console.log('单行注释') 
</script>
  • 多行注释
<script>
      /*
       console.log('多行注释')
       console.log('多行注释')
      */ 
</script>

外部引入

除此将js代码放入script外,也可以写到单独的js文件中,通过script标签的src属性引用该文件

比如:

// a.js  目标文件
console.log('这是外部javascript脚本')
<html lang="en">
    <body>
        <script src='a.js'></script>
    </body>
</html>

把JavaScript代码放入一个单独的.js文件中有利于维护代码,并且多个页面可以引用同一份js文件

设置了 src 属性,script 标签内的内容将会被忽略 两种方式只能选择一种

<html lang="en">
    <body>
        <script src='a.js'>
        console.log('内部js') // 该部分内容会被忽略
        </script>
    </body>
</html>