如何获取

Question

我正在尝试使用 Javascript 获取 标记的内容。我成功地在 FF、Chrome、Opera 甚至 IE6 中获得了它，但在 IE7 上失败了（还没有尝试过 IE8+）。

基本上，这是简化的代码版本：

<noscript>Lorem ipsum</noscript>
<script>
    var noscript = document.getElementsByTagName('noscript')[0];
    noscript.textContent; // undefined
    noscript.innerHTML; // empty string
    noscript.childNodes.length; // 0
</script>

我尝试在内部添加元素并针对它们，但没有成功。我尝试包装父元素并获取其 .innerHTML，但 标记之间的任何内容都会被丢弃。

注意：我正在构建一个惰性加载器脚本，并且 元素正是我所需要的（ src 属性内浏览器不会获取 标记。）

Answer 1

您正在查询 script 元素而不是 noscript 元素，
这适用于所有浏览器：

<noscript>Lorem ipsum</noscript>
<script>
    var noscript = document.getElementsByTagName('noscript')[0];
    alert(noscript.innerHTML); // Lorem ipsum
</script>

Answer 2

这是一个非常肮脏的黑客，完全未经测试，但我只是有这个想法：D

你可以按照其他人的建议，将内容放在 div 而不是 noscript 中，除了隐藏它之外，立即删除 所有 img 标签的 src 属性使用一些效果：

jQuery(function () { 
    jQuery('div#noscript img').attr('src', '');
  });

这应该限制（但不是消除）图像的获取。

这只是基于其他人的评论和建议的想法，希望对您有所帮助。

---

编辑 - 我刚刚想到的另一个肮脏的黑客，它假设您可以更改 html 所在的位置，因此可能相关也可能不相关：

在 noscript 内部有一个

<iframe width="100%" height="100%" src="?noscript=true" />

then you can XMLHttpRequest for the noscript内容...

Answer 3

在 IE 7 和 8 中，根本不可能检索 元素的内容。 HTML 中 和 标记之间的任何内容都不会反映在 IE 中的 DOM 中，该元素没有子元素且 innerHTML 和 innerText 是空字符串。

在 IE 6 中，情况很奇怪：与 IE 7 一样， 元素没有子节点，但其内容反映在 innerHTML 和 中。元素的 >outerHTML（但不是 innerText）属性。

在这种情况下，您在 IE 中的唯一选择是将 元素中的内容放入其他元素中。要模拟 元素的行为，您可以将内容放入由 JavaScript 立即隐藏的元素中（启用脚本时）：

<div id="noscript">Lorem ipsum</div>
<script type="text/javascript">
    document.getElementById("noscript").style.display = "none";
</script>

Answer 4

这不是最优雅的解决方案 - 图像在 IE7 和 IE8 中正常加载，而所有其他浏览器都获得了延迟加载的额外好处。最终输出中会出现一些空的注释块……但谁在乎呢，对吧？

<!--[if (gt IE 8)|!(IE)]><!--><noscript><!--<![endif]-->
  <img src="/path/to/img.jpg" alt="photo" />
<!--[if (gt IE 8)|!(IE)]><!--></noscript><!--<![endif]-->

JavaScript（jQuery - 如果您需要真正的 JS，请告诉我）：

jQuery(function($) {
  $('noscript').each(function() {
    var $this = $(this);
    $this.replaceWith($this.text());
  });
});

使用 IE7+、Chrome、FF3.6+、Opera11 进行测试

Answer 5

解决此问题的一种解决方法是将 noscript 的内容复制为其属性。

例如：

<noscript id="ns" alt="Lorem ipsulum">Lurem ipsulum</noscript>

在脚本中获取 alt 属性的值而不是其innerHTML

<script>
   var ns = document.getElementByid('ns');
   var htm = ns.innerHTML || ns.getAttribute('alt');

   alert(htm);

</script> 

Answer 6

您可以在大多数现代浏览器中访问 noscript 标签 textContent 属性。对于较旧的浏览器，我编写了一个运行速度相当快的填充程序，并且在我可以测试的所有桌面和移动浏览器中。

查看博文：
http://queryj. wordpress.com/2012/07/06/read-noscript-tag-content-reliously-in-all-browsers/

查看代码（根据 MIT 和 GPL 许可证双重许可）：
https://github.com/jameswestgate/noscript-textcontent/

编辑：

该脚本的工作原理是通过 ajax 请求重新加载页面（应缓存在浏览器中），并为不支持 textContent 属性的浏览器手动解析内容

Answer 7

您可以

<script>document.write('<script id="images" type="text/html">')</script>

在图像之前然后

<script>document.write('</scr'+'ipt>')</script>

在图像之后。您无需使用 JavaScript 即可获得图像，而使用 JavaScript 则可以在 $('images').innerHTML 中使用它们的源代码

Answer 8

我有一个不同的方法，这里有一个工作示例：
https://github.com/jokeyrhyme/noscript.js/blob /c104c480b595278e9d559aaf8a26668b7c852f72/noscript.js#L25

我的方法很简单：

1. 执行 XHR 下载原始 HTML 的原始副本
2. 查找 DOM 中的所有 noscript 元素
3. 查找原始 HTML 中的所有 noscript 元素
4. 将 DOM noscript 替换为原始 noscripts 的内容

我的 noscript.show() 方法首先测试这是否有必要。对于大多数浏览器，它只是将 noscript 元素的内容移出，以便它们可见。

被这些糟糕的浏览器困住的用户可能别无选择，并且可能习惯了缓慢的体验，因此额外的网络请求和一些正则表达式不会太糟糕。

注意：由于同源规则，当您通过 file:///... 浏览本地磁盘上的文件时，使用此技术可能会遇到问题，因此它可能仅在通过以下方式浏览时有效http://... 或 https://...。

Answer 9

我目前没有 ie 浏览器;) 但据我所知，当您获取其父标签的 .innerHTML 时， 标签的内容是可用的()。然后由你来将其取出（例如，使用令人讨厌的正则表达式）

我从现在起至少 7 小时内无法测试它，所以我按原样发布此信息。

附言。我的建议是重新设计。 Noscript 标签用于包含脚本打开时不使用的内容。