JavaScript

发布时间 2023-07-06 00:17:21作者: 溯鸣

JavaScript 是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页可交互。而Java语言也是跨平台的、面向对象的语言,只不过Java是编译语言,是需要编译成字节码文件才能运行的;JavaScript是脚本语言,不需要编译,由浏览器直接解析并执行。
JavaScript 和 Java 是完全不同的语言,不论是概念还是设计。但是基础语法类似。
JavaScript(简称:JS) 在 1995 年由 Brendan Eich 发明,并于 1997 年成为一部 ECMA 标准。
ECMAScript 6 (ES6) 是最新的 JavaScript 版本(发布于 2015 年)。

JavaScript引入方式

JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。JavaScript引入方式有两种:
  内部脚本:将 JS代码定义在HTML页面中
  外部脚本:将 JS代码定义在外部 JS文件中,然后引入到 HTML页面中

内部脚本

将 JS代码定义在HTML页面中
在 HTML 中,JavaScript 代码必须位于<script>与</script>标签之间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    alert("hello js1");
</script>
</body>
</html>

提示:
  1、在 HTML 文档中可以在任意地方,放置任意数量的<script>。
  2、一般把脚本置于 <body> 元素的底部,可改善显示速度,因为脚本执行会拖慢显示。

外部脚本

将 JS代码定义在外部 JS文件中,然后引入到 HTML页面中
外部文件:demo.js

alert("hello JS ~");

HTML引入外部 js文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script src="../js/demo.js"></script>
</body>
</html>

注意:
  1、外部脚本不能包含 <script> 标签,在js文件中直接写js代码即可。
  2、<script> 标签不能自闭合。在页面中引入外部js文件时,不能写成 <script src="../js/demo.js" />。

JavaScript基础语法

书写语法

区分大小写:与 Java 一样,变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无
注释:
单行注释:// 注释内容
多行注释:/* 注释内容 */
大括号表示代码块。和java一样大括号表示代码块。

输出语句

使用window.alert()写入警告框

window.alert("hello JS ~");//弹出警告框

使用document.write()写入 HTML 输出

document.write("hello JS ~");//写入HTML

使用console.log()写入浏览器控制台

console.log("hello JS ~");//写入控制台