JavaScript学习与实践一

一、JavaScript数组

　　创建JavaScript数组有两种方式

　　方式一：

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

　　方式二：

var cars=new Array("Audi","BMW","Volvo");

二、JavaScript对象

　　1、创建方式

var person={firstname:"Bill", lastname:"Gates", id:5566};

　　2、寻址方式

name=person.lastname;
name=person["lastname"];

三、JavaScript函数

　　1、作用域

在函数之外声明的变量作用域是全局的，在程序的任意位置使用或者改变它们。在函数内部声明的变量也是全局的，除非在声明时使用了var关键字。var关键字使得变量的作用域称为局部的。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    function greeting(str) {
        name = "xujian";
    }
    function greeting2() {
        greeting("123");
        alert(name);
    }
</script>
</head>
<body>
    <input type="button" onclick="greeting2()" value="欢迎" />
</body>
</html>

　　2、闭包

　　闭包就是能够读取其他函数内部变量的函数。

　　闭包有两个作用：一是可以读取到函数内部的变量，二是让这些变量的值始终保持在内存中。

四、文档对象模型DOM HTML

　　DOM HTML/CSS

　　1、document.write()可用于直接向html输出流写内容。(不要使用在文档加载之后使用 document.write()。这会覆盖该文档)

　　2、可以使用innerHTML属性来修改HTML内容

document.getElementById(id).innerHTML= ...

　　3、使用attribute属性改变HTML元素的属性

　　4、使用style.property改变HTML元素的样式

<p >Hello World!</p>
<script>
    document.getElementById("p2").style.color="blue";
</script>

　　DOM事件

onload/onunload事件：用户进入或离开页面时被触发
onchange事件：结合对输入字段的验证来使用

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
　　var x=document.getElementById("fname");
　　x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
   请输入英文字符：<input type="text" id="fname" onchange="myFunction()">
   <p>当您离开输入字段时，会触发将输入文本转换为大写的函数。</p>
</body>
</html>

View Code