改变 HTML 内容

改变 HTML 样式

验证输入

JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

1、JavaScript 显示数据

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

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

使用innerHTML写入到 HTML 元素。

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

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

document.write是直接将内容写入页面的内容流，会导致页面全部重绘，innerHTML将内容写入某个DOM节点，不会导致页面全部重绘。（全部刷新与局部刷新）

2、JavaScript 使用 Unicode 字符集。

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

3、JavaScript 语句标识符

4、重复声明变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";

var carname;

5、JavaScript数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

对象：JavaScript 对象是变量的容器。

方式一：对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

对象属性有两种寻址方式：

name=person.lastname;

name=person["lastname"];

方式二：var perple={name:'Tom',age:21,eat:function( ){ } }

方式三：也可先创建对象再追加属性和方法

var people=new Ojbect();

people.name='Tom';

people.age=21;

people.eat=function( ){ }

Null和Undifined

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

声明变量类型

var carname=new String; //通过new

数组

四种定义方法：

var arr1=newArray('a','b','c');//这是一个预定义的数组，在创建时初始化

var arr2=['a','b',' 'c' ]; //同样是在创建时初始化，但是这种创建更为边界直观

var arr3 = new Array( );

var arr4 = [ ];

6、对象方法

name = person.fullName(); //该实例访问了 person 对象的 fullName() 方法

name = person.fullName; //返回fullName函数的全部代码

7、函数return

function myFunction (a,b) {

if (a>b){

return; //没有返回任何东西，所以a>b的话直接退出函数

}

x=a+b}

8、JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

9、JS变量作用域

如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

在 ES6 中，提供了let关键字和const关键字。

let 的声明方式与 var 相同，用 let 来代替 var 来声明变量，就可以把变量限制在当前代码块中。

使用 const 声明的是常量，其值一旦被设定便不可被更改。

10、this.innerHTML=

当前这个button本身被时间替换了

11、离开网页的多种方法

如点击一个链接，刷新页面，提交表单，关闭浏览器等。.

JS菜鸟教程笔记（持续更）