qross的博客

新版浏览器已经对自定义标签提供了支持，详细参照W3C 标准中关于自定义 HTML 标签相关内容的简单汇总。刚重写了 Popup 标签，本文主要是记录自定义标签过程中的一些注意事项。

IMG 标签一般用来加载图片，在某些情况下，还会用来做些特别的事，如记录页面访问量，老吴在很多年前见过这种玩法。除了 document 和 window 对象之外，IMG 标签是少有的几个支持 和事件的标签之一，其他还有 SCRIPT、LINK、FRAME、IFRAME 标签等，即只要有外部文件引用的标签。还有一个事件，这里不讨论。

HTML 中的属性用于显示和隐藏元素，如。但是当元素设置了样式时，不论是在元素样式属性中设置还是在 CSS 类中设置，则属性就会失去作用。所以，要想继续使用 hidden 属性，必须解决样式的问题。

Javascript 选择器 $ 和 $$ 的坑今天在使用选择器$时碰到了一小坑，代码如下：<input id="Email" type="email" onblur="console.log($('#Email').value);" />无论如何都报错，提示$('#Email')为null。这个$不是 jQuery 的选择器，而是原生的那个，对应document.querySeletor(o)方法。尝试多次找到问题。$不在事件属性中使用时可以正常工作。$$在这里也不行，对应do

使用 Javascript 可选链让代码更优雅ECMAScript 11 中加入了可选链?.和空值合并运算符??，这两个符号的应用可以让代码更简洁和优雅。本文用几个例子说明这两个符号的使用，所有例子都来自于 root.js 标签库。可选链?.表示当前面的值不为null或undefined时才继续向下执行，否则整个表达式返回undefined。空值合并运算符??表示运算符左面的值为null或undefined时返回右面的值。下面看例子。例一v = tag[attr]?.toString() ?? t.

W3C 标准中关于自定义 HTML 标签相关内容的简单汇总浏览器对等非标准的自定义 HTML 标签，就像对待标准元素一样，只是没有默认的样式和行为。这种处理方式是写入 HTML5 标准的。<greeting>Hello!</greeting>这类自定义标签支持通过 CSS 或 style 属性设置样式，实例为HTMLUnkonwElement，继承自HTMLElement，有通用的属性、方法和事件（如onclick）。HTML 5 标准规定了自定义元素是合法的，W3C 就为

扩展 HTML 原生标签（下）上一节请到如何通过Object.defineProperty为标签定义新的属性和重写现有的属性，这一节我们聊一下如何为标签添加方法和事件。标签的方法文章开头已经提到过使用原型属性来为标签增加一个方法。下面事件为 A 标签增加了一个jump方法。HTMLAnchorElement.prototype.jump = function() { window.location.href = this.href;}定义完成后可以 在 Javascript 可以直接调

扩展 HTML 原生标签（上）在 HTML 中有很多元素标签，如 DIV、 SPAN、INPUT、TABLE 等，元素标签也是组成 HTML 页面的核心内容。在 Javascript 中，每个元素标签都有自己的属性、方法和事件，通过这三个要素，可以通过 Javascript 操作 HTML，让使用者可以和页面进行交互。虽然每个元素标签都有大量的属性、方法和事件，但有的时候依然不能满足我们的要求，有时，我经常会感慨，要是这个元素有这个属性就好了。有没有想过为标签添加一个自定义的属性？本文就来介绍如何为元素