[JavaScript|青训营笔记]

37 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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、注释

注释使用双斜杠//。
学习教程:

www.runoob.com/js/js-tutor…