JS语法规则

JS可以做什么：

HTML 定义了网页的内容，CSS 描述了网页的布局，JavaScript 网页的行为

1.直接写入HTML输出流

<script>

document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

</script>

2.对事件做出反应

<button type="button" onclick="alert('欢迎!')">点我!</button>

3.改变HTML内容或样式

<script>

function myFunction(){

x=document.getElementById("demo"); // 找到元素

x.innerHTML="Hello JavaScript!"; // 改变内容

}</script>

<button type="button" onclick="myFunction()">点击这里</button>

<script>

function myFunction(){

x=document.getElementById("demo") // 找到元素

x.style.color="#ff0000"; // 改变样式

}</script>

<button type="button" onclick="myFunction()">点击这里</button>

4.验证输入

<script>

function myFunction(){

var x=document.getElementById("demo").value;

if(x==""||isNaN(x)){

alert("不是数字");

}}</script>

<button type="button" onclick="myFunction()">点击这里</button>

JS用法：

1.直接写在HTML文件中

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。你可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

2.放在扩展名为js的文件中

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

<script src="myScript.js"></script>

JS输出：

JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据：

1.使用 window.alert() 弹出警告框：

<script>

window.alert(5 + 6);

</script>

2.使用 document.write() 方法将内容写到 HTML 文档中。

3.使用 innerHTML 写入到 HTML 元素。

4.使用 console.log() 写入到浏览器的控制台。

如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。

JS语法：

JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言。各语句用分号分隔

JavaScript 字面量

在编程语言中，一般固定值称为字面量。

数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)：3.14、1001、123e5

字符串（String）字面量可以使用单引号或双引号:"John Doe"、'John Doe'

表达式字面量用于计算：5 + 6、5 * 10

数组（Array）字面量定义一个数组：[40, 100, 1, 5, 25, 10]

对象（Object）字面量定义一个对象：

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

函数（Function）字面量定义一个函数：function myFunction(a, b) { return a * b;}

JavaScript 变量

在编程语言中，变量用于存储数据值。JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值：

var x, length

x = 5

length = 6

JS运算符：

算数运算符：+ - * /

赋值运算符：=

比较运算符：== != > <

JS关键字：

JavaScript 关键字用于标识要执行的操作。和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。以下是 JavaScript 中最重要的保留字（按字母顺序）：

JS注释：

单行注释：//

多行注释/* ... */

JS数据类型：

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16;                                 // Number 通过数字字面量赋值

var points = x * 10;                              // Number 通过表达式字面量赋值

var lastName = "Johnson";                         // String 通过字符串字面量赋值

var cars = ["Saab", "Volvo", "BMW"];              // Array 通过数组字面量赋值

var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {

return a * b; // 返回 a 乘以 b 的结果

}

JavaScript 字母大小写

JavaScript 对大小写是敏感的。当编写 JavaScript 语句时，请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript 字符集

JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符，包含标点等字符。