Html5入门教程系列(2)–javascript介绍

<div id="main"></div>

var main = document.getELementById('main');
var p = document.createElement('p');
main.appendChild(p);

<div id="main"><p></p></div>

window.history
window.location
window.navigator.userAgent

var a = 1;
var a = 0.5;
var a = 'str';
var a = "str"; // 双引号和单引号都可以表示字符串
var a = [1,2]; // 数组
var a = function(){…} // 函数类型

typeof(1) //number 类型
typeof(NaN) // 特殊的 number 类型，表示非数字
typeof("123") //string
typeof(true) //boolean
typeof(window) //object
typeof(document) //object
typeof(null) //object
typeof(eval) //function eval 是个函数
typeof(sss): //undefined 表示变量未定义，当使用一个未定义的变量，这个变量不是 null 也不是 false 更不是 ""(空字串)，而是一个特殊的叫 undefined 的表达
typeof(undefined) //undefined 本身也是 undefined

var global = { //Using json-like string to define an object
   config: {
   <span class="na">schema</span><span class="p">:</span> <span class="s1">'http'</span><span class="p">,</span>
   <span class="na">port</span><span class="p">:</span> <span class="s1">'8080'</span><span class="p">,</span>
   <span class="na">host</span><span class="p">:</span> <span class="s1">'example.com'</span>
},
getUrl: function(){
  <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">schema</span> <span class="o">+</span> <span class="s1">'://'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">host</span> <span class="o">+</span> <span class="s1">':'</span> <span class="o">+</span> <span class="k">this</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">port</span><span class="p">;</span>
}
}
global.config.schema //'http'
global.config.getUrl() //http://example.com:8080

global.config.path             //undefined
global.config.path = '/api/v1/lessons'     //OK
global.config.path             // '/api/v1/lessons'
global.config['path']        // '/api/v1/lessons'
for(var name in global.config){ // 遍历对象的属性
<span class="nx">global</span><span class="p">.</span><span class="nx">config</span><span class="p">[</span><span class="nx">name</span><span class="p">]</span>
}

// 定义一个叫 a 的函数对象
var a = function(args){
   …
}
// 定义一个叫 a 的函数对象，也可以这么简写
function a(args){
   …
}
// 内部实际上是这么工作的，实例化一个 Function 类型的对象
var a = new Function(…)
// 于是这里其实是实例化了一个匿名函数对象，并将该函数对象作为 click 方法的参数，调用 a.click 方法
a.click(function(){
<span class="p">...</span>
})

a() // 虽然没有传入参数，但是这样调用是可以的，在 a 内部 args 此时将是 undefined
a('param') // 在 a 内部 args 此时将是字符串 param
a(1,'param') // 即使参数超过 "规定"，仍然可以工作，在 a 内部 args 此时将是 number 类型的 1 
// 以下两种方式是 javascript 特有的函数调用，call 和 apply 也是可以调用函数的，不同之处是可以控制函数内部的 this 指针
// 这种形式在 javascript 的库中很常见，这里不做展开了
a.call(…)
a.apply(…)