一、JavaScript HTML DOM 元素（節(jié)點(diǎn)）

1、添加圖片

<button onclick="myFunction()">點(diǎn)擊添加圖片</button>
<div id="div1">
    ![](images/1.jpg)
    ![](images/2.jpg)
</div>
<script type="text/javascript">
    function myFunction () {
        // 創(chuàng)建img
        var picture = document.createElement("img")
        picture.setAttribute('src', 'images/3.png')
        console.log(picture)
        var element = document.getElementById("div1")
        // 在div里面添加新元素
        element.appendChild(picture)
    }
</script>

2、刪除圖片

<button onclick="myFunction()">點(diǎn)擊添加圖片</button>
<button onclick="editElements()">點(diǎn)擊刪除圖片</button>
<div id="div1">
    ![](images/1.jpg)
    ![](images/2.jpg)
</div>
<script type="text/javascript">
    function myFunction () {
        // 創(chuàng)建img
        var picture = document.createElement("img")
        picture.setAttribute('src', 'images/3.png')
        picture.setAttribute('id', 'img3')
        console.log(picture)
        var element = document.getElementById("div1")
        // 在div里面添加新元素
        element.appendChild(picture)
    }
    function editElements () {
        var parent = document.getElementById("div1");
        var child = document.getElementById("img3");
        child.parentNode.removeChild(child);
    }
</script>

二、ECMAScript 引用類型

Object 對(duì)象

1、Object 對(duì)象具有下列屬性

• constructor
  對(duì)創(chuàng)建對(duì)象的函數(shù)的引用（指針）。對(duì)于 Object 對(duì)象，該指針指向原始的 Object() 函數(shù)。
• Prototype
  對(duì)該對(duì)象的對(duì)象原型的引用。對(duì)于所有的對(duì)象，它默認(rèn)返回 Object 對(duì)象的一個(gè)實(shí)例。

2、Object 對(duì)象的方法：

• hasOwnProperty(property)
  判斷對(duì)象是否有某個(gè)特定的屬性。必須用字符串指定該屬性。
• PropertyIsEnumerable
  判斷給定的屬性是否可以用 for...in 語(yǔ)句進(jìn)行枚舉。
• ToString()
  返回對(duì)象的原始字符串表示。對(duì)于 Object 對(duì)象，ECMA-262 沒(méi)有定義這個(gè)值，所以不同的 ECMAScript 實(shí)現(xiàn)具有不同的值。
• ValueOf()
  返回最適合該對(duì)象的原始值。對(duì)于許多對(duì)象，該方法返回的值都與 ToString() 的返回值相同。

Boolean 對(duì)象

var oFalseObject = new Boolean ( false );
 var bResult = aFalseObject && true;

Number 對(duì)象

var iNumber = oNumberObject.valueOf();

• toFixed() 方法

toFixed() 方法返回的是具有指定位數(shù)小數(shù)的數(shù)字的字符串表示

<script type="text/javascript">
  var oNumberObject = new Number(68);
  alert(oNumberObject.toFixed(2));
</script>

• toExponential() 方法

指定要輸出的小數(shù)的位數(shù)

<script type="text/javascript">
  var oNumberObject = new Number(68);
  alert(oNumberObject.toExponential(2));
</script>

String 對(duì)象

charAt() 和 charCodeAt() 方法

<script type="text/javascript">
 var oStringObject = new String("hello world");
 alert(oStringObject.charAt(1));
</script>

<script type="text/javascript">
 var oStringObject = new String("hello world");
 alert(oStringObject.charCodeAt(1));
</script>

• concat() 方法

用于把一個(gè)或多個(gè)字符串連接到 String 對(duì)象的原始值上。

<script type="text/javascript">
 var oStringObject = new String("hello");
 var sResult = oStringObject.concat("world");
 alert(sResult);
 alert(oStringObject);
</script>

• indexOf() 和 lastIndexOf() 方法

indexOf() 方法是從字符串的開(kāi)頭（位置 0）開(kāi)始檢索字符串，而 lastIndexOf() 方法則是從字符串的結(jié)尾開(kāi)始檢索子串。

• localeCompare() 方法

-如果 String 對(duì)象按照字母順序排在參數(shù)中的字符串之前，返回負(fù)數(shù)。
-如果 String 對(duì)象等于參數(shù)中的字符串，返回 0
-如果 String 對(duì)象按照字母順序排在參數(shù)中的字符串之后，返回正數(shù)。

<script type="text/javascript">
        var oStringObject1 = new String("yellow");
        var oStringObject2 = new String("brick");
        var iResult = oStringObject1.localeCompare(oStringObject2);
        if ( iResult < 0) {
            alert ( oStringObject1 + " comes before " + oStringObject2);
        }
        else if ( iResult > 0 ) {
            alert ( oStringObject1 + " comes after " + oStringObject2);
        }
        else {
            alert ( "The two strings are equal" );
        }
</script>

ECMAScript 一元運(yùn)算符

<script type="text/javascript">
        var o = new Object;
        o.name = "David";
        alert(o.name);  
        delete o.name;
        alert(o.name);
</script>