JavaScript回顾

标签：

1. JavaScript：直接写入 HTML 输出流

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

2. JavaScript：改变 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

JavaScript：改变 HTML 样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

3. JavaScript 数据类型

在 JavaScript 中有 5 种不同的数据类型：

• string
• number
• boolean
• object
• function

3 种对象类型：

• Object
• Date
• Array

2 个不包含任何值的数据类型：

• null
• undefined

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 通过对象字面量赋值

当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

4. 常见的HTML事件

5. JavaScript 类型转换

typeof "John"                 // 返回 string 
typeof 3.14                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:‘John‘, age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myCar                  // 返回 undefined (如果 myCar 没有声明)
typeof null                   // 返回 object

使用 constructor 属性来查看是对象是否为数组 (包含字符串 "Array"):

.constructor.toString().indexOf("Array") > -1;

使用 constructor 属性来查看是对象是否为日期 (包含字符串 "Date"):

.constructor.toString().indexOf("Date") > -1;

将数字, 布尔值, 日期转换为字符串

String(100 + 23)  // 将数字表达式转换为字符串并返回

(100 + 23).toString()

转换为数字

Number("")        // 返回 0

Number(false)     // 返回 0
Number(true)      // 返回 1

6. JavaScript 正则表达式

search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

实例

使用正则表达式搜索 "w3cschool" 字符串，且不区分大小写：

var str = "Visit w3cschool";
var n = str.search(/w3cschool/i);

输出结果为：

6

replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

实例

使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 w3cschool :

var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "w3cschool");

结果输出为:

Visit w3cschool!

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

var patt = /e/;
patt.test("The best things in life are free!");

字符串中含有 "e"，所以该实例输出为：

true

7. JSON

JSON 语法规则

• 数据为 键/值 对。
• 数据由逗号分隔。
• 大括号保存对象
• 方括号保存数组

8.监听

addEventListener() 方法

document.getElementById("myBtn").addEventListener("click", displayDate);

向 Window 对象添加事件句柄

window.addEventListener("resize", function(){
    document.getElementById("demo").innerHTML = sometext;
});

传递参数

element.addEventListener("click", function(){ myFunction(p1, p2); });

removeEventListener() 方法

element.removeEventListener("mousemove", myFunction);

JavaScript回顾

标签：

原文地址：http://www.cnblogs.com/corolliberty/p/5799553.html