HTMLʼþ
×ªÔØ£ºhttp://jiangzhengjun.javaeye.com/blog/480996
ʼþ
DOMͬʱ֧³ÖÁ½ÖÖʼþģʽ£º²¶»ñÐÍʼþºÍðÅÝÐÍʼþ£¬µ«ÊÇ£¬²¶»ñÐÍʼþÏÈ·¢Éú¡£Á½ÖÖʼþÁ÷»á´¥¼°DOMÖеÄËùÓжÔÏ󣬴Ódocument¶ÔÏó¿ª
ʼ£¬Ò²ÔÚdocument¶ÔÏó½áÊø£¨´ó²¿·Ö¼æÈݱê×¼µÄä¯ÀÀ»á¼ÌÐø½«Ê¼þ²¶»ñ/ðÅÝÑÓÐøÖÁwindow¶ÔÏ󣩣¬DOMÖеÄÔªËØ¶¼»áÁ¬ÐøÊÕµ½Á½´Îʼþ£¬Ò»´ÎÔÚ
²¶»ñ¹ý³ÌÖУ¬ÁíÒ»´ÎÔÚðÅݹý³ÌÖС£DOMʼþÄ£ÐÍ×î¶ÀÌØµÄÐÔÖÊÊÇ£¬Îı¾½ÚµãÒ²´¥·¢Ê¼þ£¨ÔÚIEÖв»»á£©¡£µã»÷Îı¾½ÚµãʼþÁ÷Ó¦¸ÃÈçÏÂͼ£º
´«Í³Ê¼þ´¦Àíº¯ÊýÓÐÁ½ÖÖ·ÖÅ䷽ʽ£ºÔÚJavaScriptÖлòÕßÔÚHTMLÖС£
ÔÚJavaScriptÖзÖÅäʼþ´¦Àíº¯Êý£º
Js´úÂë
var
oDiv = document.getElementById(
"div1"
);
oDiv.onclick = function
() {
alert("I was clicked"
);
};
var oDiv = document.getElementById("div1");
oDiv.onclick = function () {
alert("I was clicked");
};
×¢£ºÔÚÕâ¸ö·ÖÅä·½·¨£¬Ê¼þ´¦Àíº¯ÊýÃû³Æ±ØÐëСд£¬²ÅÄÜÕýÈ·ÏìӦʼþ¡£
ÔÚHTMLÖзÖÅäʼþ´¦Àíº¯Êý£º
Html´úÂë
<
div
onclick
=
'alert("I was clicked")'
>
</
div
>
<div onclick='alert("I was clicked")'> </div>
˵Ã÷£ºÓÃÕâÖÖ·½·¨£¬Ê¼þ´¦Àíº¯ÊýµÄ´óСд¿ÉÈÎÒ⣬ËùÒÔonclickµÈͬÓÚonClick¡¢OnClick»òONCLICK£¬µ«±ê×¼µÄÊÂ
¼þ´¦Àíº¯ÊýÓ¦¸ÃÈ«²¿ÓÃСд¶¨Òå¡£
˵Ã÷£º´«Í³·ÖÅ䷽ʽÓиöȱÏݾÍÊÇÖ»ÄÜ·ÖÅäÒ»¸ö´¦Àíº¯Êý¡£ÓÚÊǾͳöÏÖÁËÆäËüÒÔÏ·ÖÅ䷽ʽ¡£
IEÖÐÌØÓеÄattachEvent()ʼþ´¦Àíº¯Êý·ÖÅä·½
ʽ£º
Js´úÂë
var
fnClick1 =
function
() {
alert("Clicked!"
);
};
var
fnClick2 =
function
() {
alert("Also clicked!"
);
};
var
oDiv = document.getElementById(
"div"
);
oDiv.attachEvent("onclick"
, fnClick1);
Ïà¹ØÎĵµ£º
HTML±í¸ñºÜÈÝÒ×ÉÏÊÖ£¬Ò»¶Ñtr¼Ótd¾Í¿ÉÒÔÏÔʾһÕűí¸ñÁË¡£¸´ÔÓÒ»µã¾ÍÊÇÔÙ¼ÓÉÏth£¬colgroup£¬tbody£¬tfooter£¬captionÖ®Àà¡£ÕâЩHTMLÀïÃæµÄ¸÷ÖÖÔªËØµÄÈ·¼ÓÇ¿Á˱í¸ñµÄʵÓÃÐÔºÍÓïÒ廯£¬µ«table±¾Éí¾ÍÓкܴóѧÎÊŶ£¬±Ï¾¹ÊÇÕû¸ö±í¸ñµÄ¸ù°¡£¡
½ñÌìÏÂÃæÒª×ܽá°üº¬¶Ôtable±¾ÉíµÄÊôÐÔ¹éÄɺÍtableרÓõÄCSS±È½Ï£º
attributes VS CSS ......
¾²Ì¬½á¹¹
£¼html£¾
£¼head£¾
£¼title£¾±êÌ⣼title£¾
£¼/head£¾
£¼body£¾..........ÎļþÄÚÈÝ..........
£¼/body£¾
£¼/html£¾
1.Îļþ±êÌâ
£¼title£¾..........£¼/title£¾
2.Îļþ¸üÐÂ--£¼meta£¾
¡¡¡¾1¡¿10Ãëºó×Ô¶¯¸üÐÂÒ»´Î
¡¡¡¡£¼meta http-equiv="refresh" content=10£¾
¡¡¡¾2¡¿10Ãëáá×Ô¶¯Á¬½áµ½ÁíÒ»Îļþ
¡¡¡¡ ......
ÀÏʦÁô×÷Òµ×ö¸ö¼òµ¥Í¼Ïñä¯ÀÀ¼Ó¸÷Öַת+͸Ã÷+ºÚ°×Á¬Ðø´¦ÀíµÄhtml,±¾ÒÔΪºÜÈÝÒ×,
ËÖªµÀһ۲ŷ¢ÏÖ»ðºü¸ß°æ±¾µÄinput file ºÍIeÖеIJ»Ò»Ñù
JSÖÐfileObj.value Ö»Äܵõ½ÎļþÃû...
¸ãµÃÄÔ´üÖ±´ó
»ðºü3ÒÔÉϰ汾ÓÐbug ÒòΪinput file ²»Ö§³Ö»ñÈ¡ÎļþÍêÕû·¾¶,±È½ÏÍ´¿à,½â¾ö²»ÁË,ËùÒÔ²»ÄÜ·¢urlµ½servletÖÐ,ÒÔÖÁÓÚÖ»ÄÜä¯ÀÀ
² ......
Ê×ÏÈдһ¸öÒ³Ãæ£¬ÉÏÃæÒª·ÅÒ»¸öButton
<html>
<head>
<title></title>
</head>
<body>
<input id="Button1" type="button" value="button" />
</body>
</html>
½«Æä±£´ ......
ÓÐÊ±Ò³ÃæÐèÒª»ñµÃÓû§ä¯ÀÀÆ÷µÄ¸ß¶È²ÅÄÜÈ·¶¨ÄÚÈÝÏÔʾÔÚÄÄÀ´úÂë
<div style="position:absolute; left:0; top:expression(document.body.clientHeight/2-document.body.clientHeight/4)">
</div>
ÖУ¬expression(document.body.clientHeight/2)¼´Îª»ñµÃä¯ÀÀÆ÷¸ß¶ÈÔÙ³ýÒÔ2 ......