1. JavaScript输出
JavaScript 可以通过不同的方式来输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
注:请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write
,整个 HTML 页面将被覆盖。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id)
方法。
请使用 “id” 属性来标识 HTML 元素,并 innerHTML
来获取或插入元素内容。
<!DOCTYPE html>
<html>
<body>
<h1>一个 Web 页面</h1>
<p id="dayone">Day One</p>
<script>
document.getElementById("dayone").innerHTML = "新年快乐";
</script>
</body>
</html>
写到 HTML 文档
可以将JavaScript直接写在HTML 文档中
<!DOCTYPE html>
<html>
<body>
<h1>一个 Web 页面</h1>
<p id="dayone">Day One</p>
<script>
document.write(Date());
</script>
</body>
</html>
2. JavaScript语法
JavaScript 字面量
数字(Number);字符串(String);数组(Array);对象(Object);函数(Function)
JavaScript 变量
变量是一个名称。字面量是一个值。
变量用于存储数据值。JS使用关键字var来定义变量, 使用等号来为变量赋值:
var e, a, t
e = 6
a = 6
t = 6
可以在声明变量时对其赋值:
var carname="Volvo";
一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。
- 创建名为 wait 的变量,并向其赋值 “holiday”,然后把它放入 id=“dayone” 的 HTML 段落中:
var wait="holiday";
document.getElementById("dayone").innerHTML=wait;
- 在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
var waitFirst="holiday", waitSec="next holiday";
- 未使用值来声明的变量,其值是 undefined:
var carname;
JavaScript 关键字
var…
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 通过对象字面量赋值
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
更多
JavaScript 函数
关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
function myFunction(a, b) {
return a + b;
}
- 调用带参数的函数
在调用函数时,您可以向其传递值,这些值被称为参数。
当您声明函数时,请把参数作为变量来声明:
function myFunction(var1,var2)
{
codeeeee
}
- 带有返回值的函数
语法:
function myFunction()
{
var x=5;
return x;
}
函数调用将被返回值取代:
var myVar=myFunction();
即使不把它保存为变量,您也可以使用返回值:
document.getElementById("demo").innerHTML=myFunction();
- 局部变量、全局变量
- 向未声明的 JavaScript 变量分配值
3. JavaScript语句
下面的 JavaScript 语句向 id=“dayone” 的 HTML 元素输出文本 “Don’t be silly” :
document.getElementById("dayone").innerHTML = "Don't be silly";
JavaScript 语句标识符
var:声明一个变量
function:定义一个函数
return:退出函数
4. JavaScript对象
变量 car 设置值为 “Fiat” :
var car = "Fiat";
对象也是一个变量,但对象可以包含多个值(多个变量)。
var car = {type:"Fiat", model:500, color:"white"};
在以上实例中,3 个值 (“Fiat”, 500, “white”) 赋予变量 car。
在以上实例中,3 个变量 (type, model, color) 赋予变量 car。