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 ÊôÐÔÔÚ
Ïà¹ØÎĵµ£º
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
javascriptÄÚ´æÐ¹Â¶µÄÎÊÌâÒ»Ö±ÒÔÀ´¶¼²»Êܵ½´ó¼ÒµÄÖØÊÓ£¬ÔÒòÊǶÔÓû§µÄÓ°ÏìûÓÐ̫ʵ¼ÊµÄ±íÏÖ£¬»òÐí½ü¼¸ÄêÄڴ淢չѸËÙ¡£½Å±¾ÄÚ´æÔÙй¶Ҳ²»»áÓÐÌ«´óÓ°Ïì¡£
µ±È»×÷Ϊǰ¶Ë¿ª·¢µÄͬѧÃÇ£¬¾Í²»ÄÜÓÐÕâÑùµÄ½ÄÐÒÐÄÀí¡£³öÏÖmemory leaksºÜ´ó³Ì¶ÈÉÏÊÇÒòΪ³ÌÐòµÄ²»³ÉÊìºÍ±àÂ벻̫¹æ·¶Ôì³ÉµÄ¡£²»¹ý£¬ÕâÀï¾Í²»ËµÈçºÎ³öÏÖÎÊÌâµÄ£¬¶ÔÎÊÌâ ......
//ÉèÖõ±Ç°Ò³ÃæÎªÓû§µÄÊ×Ò³
function setHomepage()
{
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(window.location.href);
event.returnValue=false;
return;
}
//¼ÓÈëÊÕ²Ø
function addFavorite()
{
&nb ......
JavascriptÖг£Óõľµä¼¼ÇÉ
1. oncontextmenu="window.event.returnValue=false"
½«³¹µ×ÆÁ±ÎÊó±êÓÒ¼ü
<table border oncontextmenu=return(false)><td>no</table>
¿ÉÓÃÓÚTable
2. <body onselectstart="return false">
È¡Ïûѡȡ¡¢·ÀÖ¹¸´ÖÆ
3. onpaste=&quo ......