让comment标记在各浏览器都能通用

在IE下,位于该标记下的代码是不会显示在页面中,这对于用来隐藏一些HTML代码非常有用。
但在非IE浏览器下,该标记的无效;可分别在IE和FF下测试一下下面这段代码,就知道效果了。


代码如下:

<comment id="CnLei"> 测试:隐藏内容 </comment>
<script type="text/javascript">
alert(document.getElementById("CnLei").innerHTML);
</script>

解决方法:
在CSS中定义 comment {display:none;}  就可变成在各浏览器下通用的。


代码如下:

<style type="text/css">
 comment {display:none;}
</style>
<comment id="CnLei"> 测试:隐藏内容 </comment>
<script type="text/javascript">
alert(document.getElementById("CnLei").innerHTML);
</script>

时间: 2006-09-19

让innerText在firefox火狐和IE浏览器都能用的写法

IE中的获取文本方法innerText在firefox中不支持 firefox改成了textContent方法/属性 并且在Firefox中文本中间的空白自符被无情的替换没了 使用起来异常不方便 现在好了,用Javascript重新定义了innerText方法 使得在Firefox中也可以使用innerText方法 并且此方法解决了firefox中空白字符的问题 使用方法: 将下面的脚本放在页面内 不管ie还是firefox都可以使用obj.innerText提取文本了 复制代码 代码如下: <

各浏览器padding、margin的差异

margin和padding总是有可能要用到,而产生的问题如何解决呢?由于浏览器解释容器宽度的方法不同:IE 6.0 Firefox Opera等是真实宽度=width+padding+border+marginIE5.X真实宽度=width-padding-border-margin 解决的方法是: div.content { width:400px; //这个是错误的width,所有浏览器都读到了voice-family: "\"}\""; //IE5.X/wi

细说浏览器特性检测(2)-通用事件检测

事件检测,即检测某一事件在不同的浏览器中是否存在(可用),这在编写Javascript的过程中也非常重要,如mouseenter/mouseleave事件虽然实用,但并不是所有浏览器都提供了标准的支持,因此需要自己手动模拟,即: function addEvent(element, name, handler) { if (name == 'mouseenter' && !hasEvent(name, element)) { //通过其他手段模拟mouseenter事件 } //正常的事件

select标记美化--JS式插件、后期加载

<select>标签的外观问题很恼人,各个浏览器都不一致,单单就IE,一个版本就一个长相,还不能用CSS修饰. 在这将本人对<select>的美化方法共享出来.优点: 仍保留使用<select>,仅改变外观,不改变不干预Form行为,后期加载JS.(注:本脚本依赖jQuery) 啥也不说了,都在代码里.效果图在底部. 复制代码 代码如下: $(document).ready(function () { // 找出需要美化的<select>标记,我们用一个cl

IE浏览器下PNG相关功能

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对

开发跨浏览器javascript常见注意事项

一.向表追加行 在以往使用Ajax的经历中,你很可能会使用JavaScript向现有的表中追加行,或者从头创建包含表行的新表.document.createElement和document.appendChiid方法可以使这很容易做到,只需使用document.createElement创建表单元格,再使用document.app-endChild方法将这些表单元格增加到表行.接下来的编辑步骤是使用document.append- Child将表行增加到表中. 在Firefox.Safari和O

用Python中的wxPython实现最基本的浏览器功能

通常,大多数应用程序通过保持 HTML 简单来解决大多数浏览器问题 ― 或者说,根据最低共同特性来编写.然而,即便如此,也仍然存在字体和布局的问题,发行新浏览器和升级现有浏览器时,也免不了测试应用程序的痛苦.替代方案 ― 只支持一种浏览器 ― 通常不是一种用户友好的解决方案. 明显的解决方案是在应用程序中嵌入自己的表现 HTML 的窗口构件.当然,从头开始编写这样的窗口构件工作量很大,因此,求助于预先封装的解决方案好象是合理的. 商界有许多选择及几个开放源码软件包.本文将向您显示如何以 Pyth

js获取浏览器的可视区域尺寸的实现代码

测试例子: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/

针对浏览器隐藏CSS之独孤九剑

针对浏览器隐藏CSS之独孤九剑 Hide CSS for Browsers 我们都知道浏览器之间是有差异的,很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛.要在这些差异的影响下工作需要很多的技巧,"隐藏CSS"就是其中很重要的一种技巧(甚至是最重要的).这种技巧的主要思想是,用某些方式对某些浏览器隐藏某些重载的CSS规则. 这篇文章并不是想教你如何使用这种技巧,它面向的是有一定CSS基础的设计开发者,我假定你曾经使用过某种隐藏CSS规则的方法.这里是想把可用的方法与被