Javascript DOM»ù´¡
DOMÊÇÕë¶ÔXMLµÄ»ùÓÚÊ÷µÄAPI£¬ËüÓëÓïÑÔÎ޹أ¬ÊµÏÖ·½Ê½ÓкܶàÖÖ£¨¸÷ÓïÑÔ»ù±¾¶¼ÓÐ×Ô¼ºµÄʵÏÖ£©¡£
²»¹ýÎÒÃǾ³£Óõģ¬ÊÇJavaScript ϵÄdomÕë¶ÔxhtmlµÄ²Ù×÷£¬Ö»ÊÇdomµÄÒ»¸ö·ÖÖ§Ó¦Óá£
Ãû´Ê½âÊÍ£º
Dom£ºÎĵµ¶ÔÏóÄ£ÐÍ¡£Document object model
Bom£ºä¯ÀÀÆ÷¶ÔÏóÄ£ÐÍ£¬Ò²¿ÉÒԽд°¿Ú¶ÔÏóÄ£ÐÍ¡££¨window object model.£©
API£ºÓ¦Óñà³Ì½Ó¿Ú¡£DOMÆäʵ¿ÉÒÔ¿´×÷Ò»ÖÖAPI¡£
Node£º½Úµã¡£½Úµã·ÖΪ£ºÔªËؽڵ㣬ÊôÐԽڵ㣬Îı¾½Úµã¡£ÔªËؽڵã°üº¬ÊôÐÔ½ÚµãºÍÎı¾½Úµã¡£
DOMÊ÷½á¹¹£º
Document - ×î¶¥²ã½Úµã£¬ÆäËû½Úµã¸½ÊôÓÚËü
DocumentType - DTD ÒýÓýڵã
DocumentFragment - ¿ÉÒÔÏñ Document Ò»Ñù±£´æÆäËû½Úµã
Element - ±íʾÆðʼ±êÇ©ºÍ½áÊø±êǩ֮¼äµÄÄÚÈÝ
Attr - ±íʾÊôÐÔÃûºÍ value
Text - ±íʾ±êǩ֮¼äµÄÎı¾£¬»òÕß CDATA section °üº¬µÄÎı¾
CDataSection - ½Úµã
Entity - Entity ¶¨Òå½Úµã£¬<!ENTITY foo "foo">
EntityReference - ʵÌåÒýÓýڵã
ProcessingInstruction - PI ½Úµã
Comment - ×¢Êͽڵã
Notation - ±íʾ DTD Öж¨ÒåµÄ¼ÇºÅ
½Úµã³£Á¿Öµ
ELEMENT_NODE---------------------------1
ATTRIBUTE_NODE-------------------------2
TEXT_NODE---------------------------------3
CDATA_SECTION_NODE------------------4
ENTITY_REFERENCE_NODE--------------5
ENTITY_NODE------------------------------6
PROCESSING_INSTRCTION_NODE-----7
COMMENT_NODE--------------------------8
DOCUMENT_NODE------------------------9
DOCUMENT_TYPE_NODE ---------------10
DOCUMENT_FRAGMENT_NODE---------11
NOTATION_NODE-------------------------12
ÑÝʾ´úÂ룺
<style type="text/css">
body{background-color:#EEEEEE; font-size:12px;line-height:22px;}
span{border:#333333 1px dashed; padding:2px;}
</style>
<script language="javascript" type="text/javascript">
function nodetype(){
var a=document.createElement("div");
var c=document.createElement("span");
var b=document.createTextNode("this is text");
c.appendChild(b); //Îı¾Ìí¼Óµ½ÔªËؽڵã
a.appendChild(c); //span½ÚµãÌí¼Óµ½div½Úµã
document.body.appendChild(a);
var newc=a.cloneNode(true); //true£ºÈ«²¿¸´ÖÆ£¬°üÀ¨×Ó½Úµã
document.body.appendChild(newc);
v
Ïà¹ØÎĵµ£º
ÔÌûµØÖ·£ºhttp://www.cnblogs.com/AganCN/archive/2009/02/06/1206272.html ¿¼ÂÇÕâÑùµÄÇéÐÎÔÚIEä¯ÀÀÖд¦Àí£¬ÐèÒªÏìÓ¦Ò³ÃæµÄ°´Å¥µã»÷ʼþ£¬ÓÐÄÄЩ·½·¨ÄØ£¿
£¨1£©onclickÊôÐÔÌí¼Óʼþ´¦Àíº¯Êý
function DoClick()//handler of click event
{
}
test1
......
dygraphs Ö÷ÒªÓÃÀ´ÏÔʾÃܼ¯Êý¾Ý¡£ËùνһͼʤǧÑÔ£¬dygraphs Éú³ÉµÄͼ±í¿ÉÒÔËæ×ÅÊó±êλÖÃÏÔʾÊý¾Ý£¬ÍÏ×§·Å´ó£¬Ë«»÷ËõС¡£
dygraphs ÒÀÀµHTMLµÄ<canvas>±êÇ©£¬¶øÕâ¸ö±êǩ΢ÈíµÄIE ǡǡ²»Ö§³Ö¡£¹Ù·½ÍøÒ³ÉÏ˵û¹ØÏµ£¬ÄãÖ»Òª°üº¬Ò»¸ö½Ðexcanvas µÄJavaScript. ¿â¾ÍÐÐÁË£¬µ«¾ÝÎÒ²âÊ ......
Ò». »ù´¡Æª
1. Javascriptѧϰ±Ê¼Ç1——Êý¾ÝÀàÐÍ
2. Javascriptѧϰ±Ê¼Ç2——º¯Êý
3. Javascriptѧϰ±Ê¼Ç3——×÷ÓÃÓò
4. Javascriptѧϰ±Ê¼Ç4——Evalº¯Êý
5. Javascriptѧϰ±Ê¼ ......
·½·¨Ò»£º
Js_file01.js
========
//³ÌÐò´úÂë
document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" > <\/script>");
·½·¨¶þ£º
html´úÂë
³ÌÐò´úÂë
<html>
<body>
<input type="button" value="ok" onclick="ja ......
//Register NameSpace for window.MSN
if(!window.MSN)
{
window.MSN = {};
}
if(!window.MSN.SET)
{
window.MSN.SET = {};
}
if(!window.MSN.SET.Utilities)
{
window.MSN.Utilities = {};
}
//Check you borwse type
//IE7 &IE8 & FF et ......