DHTML (JavaScript Dom ±à³ÌÒÕÊõ)
DHTMLÊÇ""dynamic HTML"(¶¯Ì¬HTML)µÄ¼ò³Æ.ÑϸñµØËµ,DHTML²¢²»ÊÇÒ»Ïîµ¥Ò»µÄм¼Êõ,¶øÊÇHTML,CSSºÍJavaScriptÕâÈýÖÖ¼¼Êõ½áºÏµÄ²úÎï.
DHTML±³ºóµÄº¬Òå:
ÀûÓÃHTML°ÑÍøÒ³±ê¼ÇΪ¸÷ÖÖÔªËØ;
ÀûÓÃCSSÉè¼Æ¸÷ÖÖÓйØÔªËصÄÅŰæÑùʽ²¢È·¶¨ËüÃÇÔÚ´°¿ÚÖеÄÏÔʾλÖÃ;
ÀûÓÃJavaScriptʵʱµØ²Ù×ݺ͸ıä¸÷ÖÖÓйØÑùʽ.
DOM ÊÇÒ»ÖÖAPI(Ó¦ÓóÌÐò½Ó¿Ú).¼òµ¥µÄ˵,API¾ÍÊÇÒ»×éÒѾµÃµ½Óйظ÷·½¹²Í¬ÈϿɵĻù±¾Ô¼¶¨.
Ïà¹ØÎĵµ£º
Ò³Ãæ£º
<script type="text/javascript" src="js/test.js"></script>
¡£¡£¡£¡£
<body onload="new myTest();" >
ÒÔ¶ÔÏó·½Ê½µ÷ÓÃÐèҪʹÓà new ²Ù×÷·û£¬test.jsµÄÄÚÈÝ:
{ & ......
JavascriptÖÐ×î³£ÓõÄ55¸ö¾µä¼¼ÇÉ ÊÕ²Ø
1. oncontextmenu="window.event.returnValue=false" ½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table> ¿ÉÓÃÓÚTable
2. <body onselectstart="return false"> È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste="return false" ²»×¼Õ³Ìù
4 ......
˽ÓгÉÔ±¾ÍÊÇÔÚÀàµÄÄÚ²¿ÊµÏÖÖпÉÒÔ¹²ÏíµÄ³ÉÔ±¡£µ«ÊDz¢²»¶ÔÍ⹫¿ª£¬JavaScriptÖв¢Ã»ÓÐÌØÊâµÄ»úÖÆÀ´¶¨Òå˽ÓгÉÔ±£¬µ«ÊÇ¿ÉÒÔÓÃһЩ¼¼ÇÉÀ´ÊµÏÖÕâ¸ö¹¦ÄÜ¡£Ö÷ÒªÊÇͨ¹ý±äÁ¿µÄ×÷ÓÃÓòÐÔÖÊÀ´ÊµÏֵģ¬ÔÚÒ»¸öº¯ÊýÄÚ²¿¶¨ÒåµÄ±äÁ¿³ÆÎª¾Ö²¿±äÁ¿£¬¸Ã±äÁ¿²»Äܱ»º¯ÊýÍâµÄ³ÌÐòËù·ÃÎÊ£¬¿ÉÒÔ±»º¯ÊýÄÚ²¿¶¨ÒåµÄǶÌ׺¯ÊýËù·ÃÎÊ¡£
ÔÚÀàµÄ¹¹Ô캯ÊýÖÐ ......
ÔÚJavaScriptÖÐûÓÐרÃŵĻúÖÆÀ´ÊµÏÖÀàµÄ¼Ì³Ð£¬µ«ÊÇ¿ÉÒÔͨ¹ý¿½±´Ò»¸öÀàµÄprototypeµ½ÁíÍâÒ»¸öÀàÀ´ÊµÏּ̳У¬Ò»ÖÖ¼òµ¥µÄʵÏÖÈçÏ£º
function class1(){
}
function class2(){
}
class2.prototype=class1.prototype;
class2.prototype.moreProperty="xxx";
class2.prototype.moreMethod1=function(){
}
var obj = ne ......
±¾ÎÄ·ÇÔ´´
Object.extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
return destination;
}
Prototype ¶ÔObjectÀའ......