代码之家 › 专栏 › 技术社区 › Charles Anderson

jQuery('body').text()在不同的浏览器中给出不同的答案

opera google-chrome firefox jquery javascript

Charles Anderson · 技术社区 · 15 年前

<html>
<head>
   <title>Test</title>
   <script type="text/javascript" src="jQuery.js"></script>
   <script type="text/javascript">
      function init() 
  {
         var text = jQuery('body').text();
         alert('length = ' + text.length);
      }
   </script>
</head>
<body onload="init()">0123456789</body>
</html>

当我在Firefox中加载这个时,长度报告为10。然而,在Chrome中它是11,因为它认为在“9”之后有一个换行符。在IE中也是11,但最后一个字符是转义符。同时,Opera认为有12个角色,最后两个是CR LF。

如果将主体元素更改为包含跨距:

<body onload="init()"><span>0123456789</span></body>

以及jQuery调用:

var text = jQuery('body span').text();

然后所有浏览器都同意长度为10。

很明显是身体因素导致了这个问题,但是有人能解释为什么会这样吗?我特别惊讶,因为优秀的jQuery通常是独立于浏览器的。

3 回复 | 直到 15 年前

hallvors 15 年前

David Baron 15 年前

这其中的一些可能与浏览器将文本放在正文外但放在HTML内,或者放在HTML外的不同行为有关。如果自从HTML5解析器登陆后,firefoxnightlies就改变了这一点,我也不会感到惊讶。

Dave Jarvis James Eichele 11 年前

由于不同浏览器的行为方式不同,我建议:

jQuery('iframe').contents().find('body').text().trim();

推荐文章

user3425506 · 没有互联网连接无法获得PWA

4 月前

sunics · jQuery在ul中查找li元素

11 月前

Marlon · 在Navigationextras中传递大数据router.navigation Angular 16导致Firefox错误

1 年前

Curious66 · 如何在谷歌会议中捕获传入的音频流

1 年前

Tricotou · $.get(code_url)执行返回的代码,不使用eval(),也不将其附加到DOM。jQuery安全性失败?

1 年前

ÙØÙØ¯ Ø§ÙÙÙ · 使用sendMessage功能时从Chrome扩展程序获取数据的延迟

1 年前

Patrick Potocny · Next.js 14草稿模式在iframe中不起作用(无头CMS预览)

1 年前

Vrushabh Ranpariya · 谷歌Chrome-开发工具-网络选项卡:设计更新

1 年前

Johnny Chen · 相同的字体在chrome和firefox中的显示方式不同

1 年前

Alexander Mills · Flutter不将Chrome识别为“web”,反之亦然

1 年前