JavaScript笔记

1、HTML中的JavaScript代码：

    <script type="text/javascript">    
    // <![CDATA[    
           
    // ]]>    
　　</script>

2、HTML中引入JS文件：

<script type="text/javascript" src="my-script.js"></script>

3、JavaScript注释方法：

<script type="text/javascript">
    //  可以注释单行
/*
    可以注释部分代码
    */
</script>

4、变量定义：

<script type="text/javascript">
    var string;
    var array=['a','b'];
</script>

5、数组使用：

// 两种声名数组的不同方式,  
// 字面:  
var fruit = ['apple', 'lemon', 'banana'];  
      
// 使用数组构造器:  
var fruit = new Array('apple', 'lemon', 'banana');  
      
fruit[0]; // 访问数组中的第一个数据项 (apple)  
fruit[1]; // 访问数组中的第二个数据项  (lemon)  
fruit[2]; // 访问数组中的第三个数据项  (banana)

6、对象的声明：

// 两种声明对象的不同方式,  
      
// 字面(大括号):  
var profile = {  
    name: 'Li',  
    age: 23,  
    job: 'Web Developer'  
};  
      
// 适用对象构造器:  
var profile = new Object();  
profile.name = 'Li';  
profile.age = 23;  
profile.job = 'Web Developer';

7、基本语句：

if/else、switch/case、for、while、do/while、break、continue、return

8、通过ID获取单个ID的属性及操作——getElementById()：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
    <head> 
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
            <title>JavaScript!</title> 
    </head> 
    <body> 
       
        <p id="intro">My first paragraph...</p> 
      
        <ul> 
            <li>List item 1</li> 
            <li>List item 1</li> 
            <li>List item 1</li> 
            <li>List item 1</li> 
            <li>List item 1</li> 
        </ul> 
      
        <script type="text/javascript"> 
        // <![CDATA[  
        
       // ]]> 
</script> 
      
    </body> 
</html>

这里我们想获取intro 的属性以及对它进行操作时，必须先获取ID，创建DOM节点

 var allUnorderedLists = document.getElementsById('intro');

9、获取某个标签的属性及操作—— getElementsByTagName()：

 var allUnorderedLists = document.getElementsByTagName('ul');