javaScript重点知识总结.docx

1、JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
实例：
document.getElementById("demo").innerHTML = "段落已修改。";
document.write("<h1>这是一个标题</h1>");//write可以直接写入格式！
2、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 通过对象字面量赋值
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
3、JavaScript 事件
HTML 事件可以是浏览器行为，也可以是用户行为。
以下是 HTML 事件的实例：
HTML 页面完成加载。
HTML input 字段改变时。
HTML 按钮被点击。
右图是常见的事件(前面都有on)
事件有三种写法，举onclick为例：
<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<button onclick="this.innerHTML=Date()">现在的时间是?</button>
<button onclick="displayDate()">现在的时间是?</button> //后面再写函数实现方式。
4、JavaScript 字符串
var carname = "Volvo XC60";
var character = carname[7]; //字符串的索引从 0 开场
JavaScript本身对单引号还是双引号没有区别。一般都用双引号，两个都存在时，再考虑。
使用内置属性 length 来计算字符串的长度，不是方法(函数)，所以没有括号()。
字符串也可以是对象。
5、JavaScript 验证 API
约束验证 DOM 方法
实例：
6、JavaScript JSON
JSON 是用于存储与传输数据的格式。
JSON 通常用于效劳端向网页传递数据。不是网页向效劳端。
JSON 实例
{"sites":[
{"name":"Runoob", "url":""},
{"name":"Google", "url":""},
{"name":"Taobao", "url":""}
JSON键值对都是要有引号的。
但是JavaScript 对象，前面是没有引号的，后面也只有字符串才有引号。
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
使用 JavaScript 内置函数 JSON.parse() 将JSON字符串转换为 JavaScript 对象:
var obj = JSON.parse(text);
JSON.stringify() 方法用于将 JavaScript 值转换为JSON字符串。
7、JavaScript 函数
Arguments 对象(就是函数的参数对象)
JavaScript 函数有个内置的对象 arguments 对象。
argument 对象包含了函数调用的参数数组。
通过这种方式你可以很方便的找到最大的一个参数的值：
函数作为方法被调用
8、JavaScript HTML DOM
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素
本例查找 id="main" 的元素，然后查找 id="main" 元素中的所有 <p> 元素：
实例。找到该元素，那么该方法将以对象〔在 x 中〕的形式返回
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
(1) 改变 HTML 输出流
document.write(Date());
(2) 改变 HTML 内容
document.getElementById("p1").innerHTML="新文本!";
(3) 改变 HTML 属性
document.getElementById(id).attribute=新属性值
document.getElementById("image").src="landscape.jpg"; //本例改变了img元素的src属性
(4) 改变 HTML 样式
document.getElementById("p2").style.color="blue"; //点击后变颜色，这点常用。
9、JavaScript 对象
这个例子创立了对象的一个新实例，并向其添加了四个属性：
实例
person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
10、JavaScript Window - 浏览器对象模型
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一：
window.document.getElementById("header");
及此一样：
document.getElementById("header");
11、JavaScript 弹窗
(1) 警告框 window.alert() 方法可以不带上window对象，直接使用alert()方法。
(2) 确认框 window.confirm() 方法可以不带上window对象，直接使用confirm()方法。
(3) 提示框 window.prompt() 方法可以不带上window对象，直接使用prompt()方法。
12、JavaScript 计时事件
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
setTimeout() - 暂停指定的毫秒数后执行指定的代码。
(1) setInterval() 方法
window.setInterval("javascript function",milliseconds);
window.setInterval() 方法可以不使用window前缀，直接使用函数setInterval()。
setInterval() 第一个参数是函数〔function〕。
第二个参数间隔的毫秒数
如：setInterval(function(){alert("Hello")},3000);
(2) setTimeout() 方法
setTimeout(function(){alert("Hello")},3000);
第 8 页