javascript ÖеÄinnerHTMLµÄÓ÷¨
javascriptÖÐinnerHtmlÓ÷¨
2009-04-21 22:52
<html>
<head>
<script language="javascript">
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test()>
<span id="p"></span>
</body>
</html>
innerTEXTÓëinnerHTMLµÄÇø±ð£º
innerHTML×Ô´øÁËÓï·¨¼ì²é¹¦ÄÜ,Ëû»á×Ô¶¯°Ñ²»ÍêÕûµÄHTML´úÂë²¹³äÍêÕû.ÔËÐÐÈçϵÄÒ»¸ö²âÊÔ´úÂë¾Í¿ÉÒÔ·¢ÏÖÁË.
document.getElementById("AlbumList").innerHTML="<table><tr>";
alert(document.getElementById("AlbumList").innerHTML);
Ëû»á×Ô¶¯°ÑÎҵĴúÂëÀïÃæÌí¼ÓÁË<tbody>ºÍ</tr></table>µÈ±ê¼Ç.ÉñÆæ!!!
ËùÒÔÔÚÍøÒ³ÖÐ,ÎÒÃǾ³£ÕâÑùÓÃ;
<div id="content"></div>
<script language="javascript">
document.getElementById("content").innerHTML=" ÐèÏÔʾµÄÄÚÈÝ "
</script>
ÕâÑù¾Í»áÔÚid ÊÇcontentµÄ±ê¼ÇÄÇÀïÏÔʾ"ÐèÏÔʾµÄÄÚÈÝ";
Õâ¸ö¿ÉÒÔÓÃÔÚÏÔʾһƪÎÄÕµÄÕªÒªµÄ²¿·Ö,·ÀÖ¹½«´øÓÐHTML±ê¼ÇµÄÎÄÕÂÖеĴúÂë½Øµô±ê¼ÇµÄ½áÊø²¿·Ö,
e,g:
str="<a href=#/
>ɳĮÖеÄÂÌÖÞ</a><img src=image.jpg>"
left(str,60)ÔòÊÇ"<a href=#/
>ɳĮÖеÄÂÌÖÞ</a><img src=image"
<div id="content"></div>
<script language="javascript">
document.getElementById("content").innerHTML="left(str,60) "
</script>
innerHTML£¬ÊÇÔÚ¿éÖмÓhtml´úÂ룻innerText ÔÚ¿éÖмÓÎÄ×Ö
¡£ (×¢Òâ´óСд)
innerText ÊôÐÔÔÚ
Ïà¹ØÎĵµ£º
scrollHeight: »ñÈ¡¶ÔÏóµÄ¹ö¶¯¸ß¶È¡£
scrollLeft:ÉèÖûò»ñȡλÓÚ¶ÔÏó×ó±ß½çºÍ´°¿ÚÖÐÄ¿Ç°¿É¼ûÄÚÈݵÄ×î×ó¶ËÖ®¼äµÄ¾àÀë
scrollTop:ÉèÖûò»ñȡλÓÚ¶ÔÏó×¶ËºÍ´°¿ÚÖпɼûÄÚÈݵÄ×¶ËÖ®¼äµÄ¾àÀë
scrollWidth:»ñÈ¡¶ÔÏóµÄ¹ö¶¯¿í¶È
offsetHeight:»ñÈ¡¶ÔÏóÏà¶ÔÓÚ°æÃæ»òÓɸ¸×ø±ê offsetParent ÊôÐÔÖ¸¶¨µÄ¸¸×ø±êµÄ¸ß¶È
offsetL ......
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
FlexÓëJavascript»¥ÏàͨÐÅ¡£
ÔÚFlexÖÐÓÐÕâôһ¸öÀࣺExternalInterface.ÔÚÕâ¸öÀàÖÐËü¸øÎÒÃÇ£ºcallºÍaddCallback
FlexÖÐAsµ÷ÓÃJsµÄ·½·¨ÊÇ£º
1¡¢µ¼Èë°ü £¨import flash.external.ExternalInterface;£©
2¡¢Ê¹ÓÃExternalInterface.call("Jsº¯ÊýÃû³Æ",²ÎÊý)½øÐе÷Óã¬Æä· ......
JavascriptÖг£Óõľµä¼¼ÇÉ
1. oncontextmenu="window.event.returnValue=false"
½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table>
¿ÉÓÃÓÚTable
2. <body onselectstart="return false">
È¡ÏûÑ¡È¡¡¢·ÀÖ¹¸´ÖÆ
3. onpaste=&quo ......
ƴͼÓÎÏ·£¬ÔÚie7 £¬»ðºü£¬¹È¸è ²âÊÔͨ¹ý¡£
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title> ......