1.璇烽????om?規?锛?document.createElement("table");??寤轟?涓?table锛???涔?娌℃????瀹?table??浣?缃?绛?淇℃????
???2.div瀵矽薄??span瀵矽薄?闆???涓?浠?涔??╂????锛?
???3.javascprit涓???this.xxx涓???this??涔???浠?涔???锛?
???4.dom瀵矽薄?藉?璺ㄥ鈎?頒嬌?ㄥ??锛?
??棰?1锛?
????document.createElement("table")??????寤轟?涓?涓?瀵矽薄锛?濡???瑕???瀹?娣誨????ocument涓?锛?杩???瑕???????規?锛?appendChild??insertAdjacentElement??insertBefore锛?
渚?瀛?锛?
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title></title>
</head>
<body>
<table?id="tab1"?width="100%"??cellspacing="0"?cellpadding="0">
??<tr><td>?</td></tr>
</table>
<script?language="JavaScript">
??alert(document.documentElement.innerHTML)??//?ョ??娣誨??瀵矽薄浠ュ????婧???
??oNewTable?=?document.createElement("table")
??
??//浠ヤ?涓?绉??規?浠婚??涓?绉?娴?璇?锛?娉ㄩ?????朵?涓ょ?
??document.body.appendChild(oNewTable)????//澧?????涓?ody??????涓?涓?瀛???绱?
??document.body.insertBefore(oNewTable,?tab1)??//澧?????涓?ody??瀛???绱?锛?浣?浜?tab1????????tab1.insertAdjacentElement("beforeBegin",?oNewTable)??//???ュ??ab1??????tab1??涓??㈤?ｈ〃?煎?矽薄??ID)
??//beforeBegin杩???浠ユ?㈡??"afterBegin",?"beforeEnd"?,?"afterEnd"
??alert(document.documentElement.innerHTML)?//?ョ??娣誨??瀵矽薄浠ュ????婧???
??//?村?蜂????ㄦ?璇峰????MSDN锛?http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
</script>
</body>
</html>
??棰?2锛?
????DIV??SPAN涓?涓?瀹???灞?瀵矽薄锛??????ㄨ?劇疆style.position?=?"absolute"?舵????灞?瀵矽薄锛????跺??寰?澶?瀵矽薄锛?姣?濡?锛?IMG??TABLE锛??ㄨ?劇疆浜?style.position?=?"absolute"?朵???浠ユ??灞?瀵矽薄锛?灏辨????浠ユ??瀹?姝ゅ?矽薄??缁?瀵逛?缃?(absolute)锛?姝ゆ?惰???浠ヨ?劇疆style.left??style.top
????DIV??SPAN??娌℃???規????涔???锛?瀹?涓????ㄦ?ヤ?涓哄?跺??瀵矽薄??瀹瑰????ㄥ???澶?????浣?灞?瀵矽薄
渚?瀛?锛?
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<title></title>
</head>
<body>
<table?width="100%"??cellpadding="0"?cellspacing="0"?id="tab1"?style="position:absolute;?left:100;?top:100;?background-color:?#F2E6FF;">
??<tr><td>杩???涓?涓???ABLE浣???灞?</td></tr>
</table>
<div?style="position:absolute;?left:50;?top:50;?background-color:?#D2D2FF;">杩???涓?涓?DIV浣???灞?</div>
</body>
</html>
??棰?3锛?
????this灏辨??褰???瀵矽薄
渚?瀛?锛?
<table?width="100%"?onClick="aa(this)">
??<tr><td>杩???涓?涓?TABLE锛??瑰?昏??璇?</td></tr>
</table>
<script?language="JavaScript">
??function?aa(oElement){
????alert(oElement.outerHTML)???//oElement灏辨??涓??㈠??nClick浜?浠堕??浼???杩??ョ??TABLE瀵矽薄
??}
</script>
?
??棰?4锛?
????DOM锛?W3C(涓?缁寸?????)缁?缁?瀹?涔?浜?DOM锛?????浠ヨ法骞沖?扮??锛????ュ井杞???3C?DOM涓??╁?浜?寰?澶????斤????界?ㄤ?IE楂?????涓?
?
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)