本文介绍利用JavaScript动态注释HTML代码的方法,重点指出该方法在IE浏览器中的兼容性问题及刷新页面的必要性。同时对比了通过style属性隐藏元素的方式,提供了更稳定的替代方案。
JavaScript动态注释HTML代码的方法与注意事项
<html> <head> <title>用javascript动态注释掉HTML代码 - 51windows.Net</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <table border="1" width="100%"> <tr> <td width="50%">1</td> <td width="50%">2</td> </tr> <tr> <td width="50%">3</td> <td width="50%">4</td> </tr> <tr> <td width="50%">5</td> <td width="50%">6</td> </tr> <tr> <td width="50%">7</td> <td width="50%">8</td> </tr> </table> <p>你没有看到34单元格吧,因为他用javascript注释掉了,怎么做的?看源文件!源文件怎么看?点右键,选择"查看源文件(V)"...</p> <p style="color:red;">注意:动态注释的html中不能再有html注释代码"<!-- -->",<script>与</ script>之间,不要有"<!--"和"//-->"</p> <p>除了这个方法,你还可以用document.getElementById("xx").style="none";这种方法动态显示或隐藏某段区域</p> </body> </html>注意:使用Ctrl+A全选并引入外部JavaScript时,必须刷新页面后代码才能生效执行。