Skip to content

JavaScript

客户端脚本语言

  • 核心(ECMAScript)
  • 文档对象模型(Document Object Model,DOM)
  • 浏览器对象模型(Brower Object Model,BOM)

JavaScript是什么?

JavaScript如其名所示是一个脚本语言(可简称为js),工作在客户端,由布兰登艾奇在1995年十天内发明完成。

和其他的语言(如C语言、python等)一样,js也是高级语言,需要进行转译为机器语言(机器能直接执行的语言)。而脚本语言的特性是:需要解释器逐行执行。同样的,JS引擎就是JS的解释器。

JavaScript位置

同CSS相似的,js书写的位置:

行内

直接在标签内使用

html
<!--这是html代码内部-->
<!DOCTYPE html>
<html>
<head>
    <title>I'm Title</title>
</head>
<body>
  <input name="button" value="Alert" onclick="alert('Hello,JS!')">
  <!--其中的onclick即为JS-->
</body>
</html>
内部

内部的JS,需要用<script></script>包围起来,可以放置在html内的任意位置

html
<!--html-->
<!DOCTYPE html>
<html>
<head>
    <title>I'm Title</title>
</head>
<body>
  <input name="button" value="Alert">
</body>
  <script>
    alert('hello,js')
  </script>
</html>
外部

外部JS和CSS类似,需要新建一个以.js结尾的文件,并在文件内引入

js
// <!-- script.js文件 -->
alert('hello,js')
html
<!--html-->
<!DOCTYPE html>
<html>
<head>
    <title>I'm Title</title>
  <script src="./script.js"></script>
</head>
<body>
  <input name="button" value="Alert">
</body>
</html>

⚠️这里的<script></script>标签内部不要有任何js代码🙅

JS注释

js中使用不同于html和css的方式注释

js
// 单行注释(可以在IDE中使用键盘快捷键来快捷注释)

/*

多行注释

*/


Loading.....