HTML5 document.head DOM 树访问器
一个鲜为人知的 HTML5 JavaScript 好东西是 document.head
DOM 树访问器,它比 document.getElementsByTagName('head')[0]
更有效(也更容易输入)。
文档的 head
元素是作为 html
元素子元素的第一个 head
元素(如果有的话),否则为 null。 获取 head
属性时,必须返回文档的 head 元素(head 元素或 null)。
对 document.head
的原生支持很容易检测到:
if (document.getElementsByTagName('head')[0] === document.head) {
// Native support
}
模拟它也非常简单。 只需将以下代码片段放入我们的 JavaScript 代码中:
document.head = document.head || document.getElementsByTagName('head')[0];
如果你不关心 JSLint 对你的代码发出嘘声,你也可以这样做(效率稍微高一些):
document.head || (document.head = document.getElementsByTagName('head')[0]);
在那之后,继续使用你想要的 document.head
:)
相关文章
在 AngularJS 中启用 HTML5 模式
发布时间:2023/04/14 浏览次数:150 分类:Angular
-
本文讨论如何在 AngularJS 应用程序上启用带有深度链接的 HTML5 模式。
Bulletproof HTML5 <details> 使用 jQuery 回退
发布时间:2023/01/11 浏览次数:66 分类:HTML
-
HTML5 details 元素目前不受 Chrome 12 及更高版本原生支持的任何浏览器的原生支持。 这使得猜测这个新元素的确切行为有点困难,但阅读规范给了我们一个很好的主意。 清楚的是: detai
HTML5 使用的三个层次
发布时间:2023/01/11 浏览次数:65 分类:HTML
-
级别 1:它只是工作 HTML5 规范是在考虑向后兼容性的情况下编写的(并且仍在编辑中)。 HTML5 中有一些新功能已经可以在每个 A 级浏览器中使用,因此现在可以使用,不需要任何奇怪的
HTML5 的 XML 序列化,又名“XHTML5”
发布时间:2023/01/11 浏览次数:148 分类:HTML
-
你知道的,我总是更喜欢 HTML 而不是 XHTML ,因为它不那么冗长,而且我喜欢让事情变得简单。 真实的故事。 但这并没有阻止我想知道究竟是如何触发 HTML5 的 XML 模式的让我们从现在起
id 属性在 HTML5 中变得更加优雅
发布时间:2023/01/08 浏览次数:130 分类:HTML
-
HTML5 带来的更微妙但更棒的变化之一,适用于 id 属性。 HTML 4.01 和 HTML5 中的 id 有何不同 HTML 4.01 规范规定 ID 令牌必须以字母 ([A-Za-z]) 开头,后面可以跟任意数量的字母、数字 ([0-9]) 、
图片上传——html5+PHP实现无刷新上传
发布时间:2015/12/22 浏览次数:2025 分类:PHP
-
本篇介绍一种全新利用PHP上传图片的方式,利用html5的FileReader,读取图片文件,然后将数据传输到服务器再使用PHP进行处理。