这是我参与「第五届青训营 」伴学笔记创作活动的第 37 天
一、JavaScript简介
Javascript 是一种轻量级的编程语言,可插入 HTML 页面的编程代码,插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript的一些功能
JavaScript可以直接写入HTML输出流:
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
JavaScript可以改变HTML内容:
x=document.getElementById("demo"); //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
JavaScript可以改变HTML图像。
JavaScript可以改变HTML样式:
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
JavaScript常用于验证输入。
二、JavaScript的用法
HTML中的JavaScript脚本代码必须位于之间,可以放在HTML的头部<head>或身体<body>。
JavaScript也可以放在外部,文件扩展名为.js,嵌入HTML的代码如下:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script> //嵌入外部的JavaScript代码。
</body>
</html>
JavaScript 可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
三、JavaScript语法
1、字面量
- 数字(number)字面量:JavaScript的字面量可以是整数或者是小数,或者是科学计数(e)。
- 字符串(string)字面量可以使用单引号或双引号:
- 表达式字面量用于计算:
1+2
2*3
- 数组(Array)字面量定义一个数组:
[12,34,5,24,89]
- 对象(object)字面量定义一个对象:
{firstName:"Liming", lastName:"Lijun", age:21, eyeColor:"black"}
- 函数(function)字面量定义一个函数:
function myFunction(a, b) { return a * b;}
2、变量(变量是一个名称,字面量是一个值)
使用关键字var来定义变量,使用等号为变量赋值:
var,height;
height=99;
document.getElementById("demo").innerHTML = height;//输出height。
3、操作符
使用算术运算符来计算值:
document.getElementById("demo").innerHTML = 9*1*2(1+1);//输出9*1*2(1+1)的计算值,值应为36。
4、语句
JavaScript中的语句用分号分割。
5、关键字
JavaScript 关键字用于标识要执行的操作。
eg:var是一个关键字,它的意思是告诉浏览器创建了一个变量。
6、注释
注释使用双斜杠//。
学习教程: