InnerHTMLによる暗黙的な効果の実現-2つの実現方法
1948 ワード
最近JavaScriptに興味があるのは、JAVAとの差が少ないからかもしれません.もともといくつかのホームページの上の隠れた効果を見て、心理面は本当に感心して、自分ができると思って爽やかになりました.今innerHTMLに対して少し理解して、これをするのは比较的に简単で、以下は私が自分で游びに来た1つの例で、私はあなたが见た后に信じて、もしあなたがもとはやったことがないならば、私はあなたが“もとはこんなに简単です!!”:
ここで補足したいのは、Javascriptに対するブラウザのサポートが異なることです.ここではFireFoxとマイクロソフトのブラウザを比較しましたが、マイクロソフトのブラウザの実現効果の下で、FireFoxの下では実現できないものもあります.
ここで補足したいのは、Javascriptに対するブラウザのサポートが異なることです.ここではFireFoxとマイクロソフトのブラウザを比較しましたが、マイクロソフトのブラウザの実現効果の下で、FireFoxの下では実現できないものもあります.
<html>
<head>
<title>
</title>
<script>
// innerHTML
// 。
function tClick(id)
{
var str='';
if(id==1)
{
str='<a href=# onclick=t(2)><--</a>';
str+='<br> ';
str+='1、 ';
str+='<br> ';
str+='2、 ';
}
else
{
str='<a href=# onclick=t(1)>--></a>';
}
window.testClick.innerHTML=str;
}
// , 。FireFox , , 。
function hello(obj,idStr)
{
var d=document.getElementById(idStr);
if(d.style.display=='none')
{
d.style.display='block';
obj.innerHTML=' ';
}
else
{
d.style.display='none';
obj.innerHTML=' ';
}
}
</script>
</head>
<body>
<table>
<tr>
<td id=testClick>
<a href=# onclick=tClick(1)>--></a>
</td>
</tr>
<tr>
<td>
<a href=# onclick=hello(this,'helloddd')> </a>
<dd id=helloddd style=display:none>
</dd>
</td>
</tr>
</body>
</html>