- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
<!DOCTYPE html> <html> <body> <h1>我的第一个页面</h1><p>我的第一个段落。</p> <script>window.alert(5 + 6); </script> </body> </html>
<!DOCTYPE html><html> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> </html>
<!DOCTYPE html><html> <body><h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script>document.write(Date()); </script> </body> </html>
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.write(Date()); } </script> </body> </html>
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
字符串可以用单引号也可以用双引号
-
数组(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中的关键字,它们在HTML中没有直接的作用。但是,如果你在HTML中使用JavaScript代码,这些关键字将会起到相应的作用。例如:
abstract
:用于声明抽象类或抽象方法。else
:用于表示条件语句的否定分支。instanceof
:用于检查一个对象是否是某个构造函数的实例。super
:用于调用父类的构造函数或方法。boolean
:用于声明布尔类型的变量。enum
:用于声明枚举类型。int
:用于声明整数类型的变量(注意:在JavaScript中,整数类型是number)。switch
:用于多分支选择结构。break
:用于跳出循环或switch语句。export
:用于导出模块的公共接口。interface
:用于声明接口。synchronized
:用于同步代码块,防止多线程同时访问。byte
:用于声明字节类型的变量(注意:在JavaScript中,字节类型是number)。extends
:用于继承父类的属性和方法。let
:用于声明块级作用域的变量。this
:用于引用当前对象。case
:用于switch语句中的分支。false
:布尔值false。long
:用于声明长整型变量(注意:在JavaScript中,整数类型是number)。throw
:用于抛出异常。catch
:用于捕获异常。char
:用于声明字符类型的变量(注意:在JavaScript中,字符类型是string)。finally
:用于try-catch语句中的最终执行块。class
:用于声明类。float
:用于声明浮点数类型的变量(注意:在JavaScript中,浮点数类型是number)。null
:表示空值或无值。true
:布尔值true。const
:用于声明常量。for
:用于循环结构。package
:用于声明包名(注意:在JavaScript中,包的概念是通过模块实现的)。try
:用于尝试执行可能抛出异常的代码块。continue
:用于跳过循环的当前迭代。function
:用于声明函数。private
:用于声明私有属性或方法。typeof
:用于获取变量的类型。debugger
:用于调试代码,暂停执行并进入调试器。goto
:用于跳转到指定的标签(注意:在JavaScript中,不支持goto语句)。protected
:用于声明受保护的属性或方法。var
:用于声明变量。default
:用于switch语句中的默认分支。if
:用于条件判断。implements
:用于实现接口的方法。return
:用于返回函数的结果。volatile
:用于声明易变的变量(注意:在JavaScript中,没有volatile关键字)。do
:用于do-while循环结构。import
:用于导入模块。short
:用于声明短整型变量(注意:在JavaScript中,整数类型是number)。while
:用于循环结构。
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 通过对象字面量赋值
注释和java一样
声明变量的时候可以这样
var lastname="Doe", age=30, job="carpenter";
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。
引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。
var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
var carname="Volvo XC60";
var carname='Volvo XC60';
JavaScript 布尔
布尔(逻辑)只能有两个值:true 或 false。
var x=true;
var y=false;
JavaScript 数组
下面的代码创建名为 cars 的数组:
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
或者 (condensed array):
var cars=new Array("Saab","Volvo","BMW");
或者 (literal array):
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"John", lastname:"Doe", id:5566};
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行:
var person={
firstname : "John",
lastname : "Doe",
id : 5566
};
对象属性有两种寻址方式:
实例
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
实例
cars=null;
person=null;
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
声明对象可以这样也可以这样
综合案例
可以这样用