js高级（二）

一、复习：

js中变量的作用域：

js文件执行时，函数会先被解析，其中的变量在被解析后给定一个默认值unisign.

例：

<script type="text/javascript">
var v1 = 'global';
f1();
function f1() {
    alert(v1);   //显示unisign  原因：函数中v1被解析后默认给定值为unisign，假如函数内没有定义v1,则显示全局变量global
    var v1 = 'function';
    alert(v1);   //显示function  原因：上一句定义了v1
}

alert(v1);   //显示global  原因：显示最上面的变量，假如函数中v1 = 'function' 则此处显示function.
</script>

*****************************************************************************************************************************************************************************************

二、原型链：

对象是通过对象之间的复制来的。

例：

var o1 = {'name':'xiaoha','age':'18'};
Object.prototype.gender = 'male';  
alert(o1.gender);     //显示male,虽然o1中没有gender,但是它copy了object中的gender属性。

*****************************************************************************************************************************************************************************************

三、添加监听器：

例：

<input type="button" id="click3" value="click3">

<script type="text/javascript">

function a()

{

document.getElementById('click3').addEventListener('click',func3,false);
document.getElementById('click3').addEventListener('click',func4,false);
function func3(){
    alert('hello');
}
function func4(){
    alert('welcome');
}

}

</script>
//利用监听器同时显示func3 和 func4中的内容

*****************************************************************************************************************************************************************************************

四、DOM:

例：（利用DOM创建一个图层）

<meta charset='UTF-8'>

<script type='text/javascript'>
function a()
{
    var div1 = document.createElement('div');
    div1.style.backgroundColor = 'blue';
    div1.id='divv';
    div1.style.width = '100px';
    div1.style.height = '100px';
    
    var div2 = document.body.appendChild(div1);
    var text = document.createTextNode('dsads');
    div1.appendChild(text);
    alert(getElementById('divv').nodeName);
}
</script>
<input type='button' value='点' onclick='a()' />