一聂渊、JavaScript HTML DOM 元素（節(jié)點(diǎn)）
1鞠绰、添加圖片
<button onclick="myFunction()">點(diǎn)擊添加圖片</button>
<div id="div1">
</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">
</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 對象
1、Object 對象具有下列屬性
- constructor
對創(chuàng)建對象的函數(shù)的引用（指針）躺翻。對于 Object 對象丧叽，該指針指向原始的 Object() 函數(shù)。 - Prototype
對該對象的對象原型的引用公你。對于所有的對象蠢正，它默認(rèn)返回 Object 對象的一個實(shí)例。
2省店、Object 對象的方法：
- hasOwnProperty(property)
判斷對象是否有某個特定的屬性嚣崭。必須用字符串指定該屬性笨触。 - PropertyIsEnumerable
判斷給定的屬性是否可以用 for...in 語句進(jìn)行枚舉。 - ToString()
返回對象的原始字符串表示雹舀。對于 Object 對象芦劣，ECMA-262 沒有定義這個值，所以不同的 ECMAScript 實(shí)現(xiàn)具有不同的值说榆。 - ValueOf()
返回最適合該對象的原始值虚吟。對于許多對象，該方法返回的值都與 ToString() 的返回值相同签财。
Boolean 對象
var oFalseObject = new Boolean ( false );
var bResult = aFalseObject && true;
Number 對象
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 對象
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() 方法
用于把一個或多個字符串連接到 String 對象的原始值上串慰。
<script type="text/javascript">
var oStringObject = new String("hello");
var sResult = oStringObject.concat("world");
alert(sResult);
alert(oStringObject);
</script>
- indexOf() 和 lastIndexOf() 方法
indexOf() 方法是從字符串的開頭（位置 0）開始檢索字符串，而 lastIndexOf() 方法則是從字符串的結(jié)尾開始檢索子串唱蒸。
- localeCompare() 方法
-如果 String 對象按照字母順序排在參數(shù)中的字符串之前邦鲫，返回負(fù)數(shù)。
-如果 String 對象等于參數(shù)中的字符串神汹，返回 0
-如果 String 對象按照字母順序排在參數(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>
