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(…)