Note 1
<a>
标签使用
- 取消默认行为
html
<!-- 什么也不执行,去掉a标签的默认行为,跟href="javascript:void(0)"一样,void 是JavaScript 的一个运算符,void(0)就是什么也不做 -->
<a href="javascript:;"></a>
- 在有滚动的页面定位到页面最顶端
html
<a href="#"></a>
- 定位到页面中
id="anchor"
的锚点
html
<a href="#anchor"></a>
- 刷新当前页面
html
<a href=""></a>
- 跳转到首页
html
<a href="/"></a>
document.documentElement
Document.documentElement
是一个会返回文档对象(document
)的根元素的只读属性(如 HTML 文档的 <html>
元素)
语法
js
var element = document.documentElement
示例
js
const rootElement = document.documentElement
const firstTier = rootElement.childNodes
// firstTier 是由根元素的所有子节点组成的一个 NodeList
for (let i = 0; i < firstTier.length; i++) {
// 使用根节点的每个子节点
// 如 firstTier[i]
}
TIP
对于任何非空 HTML 文档,调用 document.documentElement
总是会返回一个<html>
元素,且它一定是该文档的根元素。借助这个只读属性,能方便地获取到任意文档的根元素。
HTML 文档通常包含一个子节点 <html>
,但在它前面可能还有个 DOCTYPE 声明。XML 文档通常包含多个子节点:根元素,DOCTYPE 声明,和 processing instructions。
所以,应当使用 document.documentElement
来获取根元素,而不是 document.firstChild
。
<input type="password" />
密码显示和隐藏
html
<input :type="visible ? 'text' : 'password'" />
只能输入正整数,且数字不能以0开头
html
<input type="text" placeholder="请输入" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" />
只能输入数字和字母,并且小写字母自动转大写
html
<input type="text" placeholder="请输入" oninput="value=value.toUpperCase().replace(/[\W]/g,'')" />