相对的,编译型语言需要先将代码转化(编译)成另一种形式才能运行。比如 C/C++ 先被编译成汇编语言,然后才能由计算机运行。程序将以二进制的格式运行,这些二进制内容是由程序源代码产生的。
相对的,编译型语言需要先将代码转化(编译)成另一种形式才能运行。比如 C/C++ 先被编译成汇编语言,然后才能由计算机运行。程序将以二进制的格式运行,这些二进制内容是由程序源代码产生的。
JavaScript 是轻量级解释型语言。浏览器接受到JavaScript代码,并以代码自身的文本格式运行它。技术上,几乎所有 JavaScript 转换器都运用了一种叫做即时编译(just-in-time compiling)的技术;当 JavaScript 源代码被执行时,它会被编译成二进制的格式,使代码运行速度更快。尽管如此,JavaScript 仍然是一门解释型语言,因为编译过程发生在代码运行中,而非之前。
JavaScript 是轻量级解释型语言。浏览器接受到JavaScript代码,并以代码自身的文本格式运行它。技术上,几乎所有 JavaScript 转换器都运用了一种叫做即时编译(just-in-time compiling)的技术;当 JavaScript 源代码被执行时,它会被编译成二进制的格式,使代码运行速度更快。尽管如此,JavaScript 仍然是一门解释型语言,因为编译过程发生在代码运行中,而非之前。
而服务器端代码在服务器上运行,接着运行结果才由浏览器下载并展示出来。流行的服务器端 web 语言包括:PHP、Python、Ruby、ASP.NET 以及...... JavaScript!JavaScript 也可用作服务器端语言,比如现在流行的 Node.js 环境,你可以在我们的 动态网页 - 服务器端编程 主题中找到更多关于服务器端 JavaScript 的知识。
而服务器端代码在服务器上运行,接着运行结果才由浏览器下载并展示出来。流行的服务器端 web 语言包括:PHP、Python、Ruby、ASP.NET 以及...... JavaScript!JavaScript 也可用作服务器端语言,比如现在流行的 Node.js 环境,你可以在我们的 动态网页 - 服务器端编程 主题中找到更多关于服务器端 JavaScript 的知识。
可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 {{htmlelement("link")}} 元素链接外部样式表,使用 {{htmlelement("style")}} 元素向 HTML 嵌入内部样式表,JavaScript 这里只需一个元素——{{htmlelement("script")}}。我们来看看它是怎么工作的。
可以像添加 CSS 那样将 JavaScript 添加到 HTML 页面中。CSS 使用 {{htmlelement("link")}} 元素链接外部样式表,使用 {{htmlelement("style")}} 元素向 HTML 嵌入内部样式表,JavaScript 这里只需一个元素——{{htmlelement("script")}}。我们来看看它是怎么工作的。
- 首先,在刚才的 HTML 文件所在的目录下创建一个名为
script.js
的新文件。请确保扩展名为 .js
,只有这样才能被识别为 JavaScript 代码。
@@ -322,7 +322,7 @@ 外部 JavaScript
内联 JavaScript 处理器
-注意,有时候你会遇到在 HTML 中存在着一丝真实的 JavaScript 代码。它或许看上去像这样:
+注意,有时候你会遇到在 HTML 中存在着一丝真实的 JavaScript 代码。它或许看上去像这样:
function createParagraph() {
const para = document.createElement('p');
@@ -332,7 +332,7 @@ 内联 JavaScript 处理器
<button onclick="createParagraph()">点我呀</button>
-你可以在下面尝试这个版本的 demo。
+你可以在下面尝试这个版本的 demo。
Inline JavaScript
@@ -358,13 +358,13 @@ Inline JavaScript
-{{ EmbedLiveSample('Inline_JavaScript', '100%', 150, "", "", "hide-codepen-jsfiddle") }}
+{{ EmbedLiveSample('Inline_JavaScript', '100%', 150, "", "", "hide-codepen-jsfiddle") }}
-这个 demo 与之前的两个功能完全一致,只是在 {{htmlelement("button")}} 元素中包含了一个内联的 onclick
处理器,使得函数在按钮被按下时运行。
+这个 demo 与之前的两个功能完全一致,只是在 {{htmlelement("button")}} 元素中包含了一个内联的 onclick
处理器,使得函数在按钮被按下时运行。
-然而请不要这样做。 这将使 JavaScript 污染到 HTML,而且效率低下。对于每个需要应用 JavaScript 的按钮,你都得手动添加 onclick="createParagraph()"
属性。
+然而请不要这样做。 这将使 JavaScript 污染到 HTML,而且效率低下。对于每个需要应用 JavaScript 的按钮,你都得手动添加 onclick="createParagraph()"
属性。
-可以使用纯 JavaScript 结构来通过一个指令选取所有按钮。下文的这段代码即实现了这一目的:
+可以使用纯 JavaScript 结构来通过一个指令选取所有按钮。下文的这段代码即实现了这一目的:
const buttons = document.querySelectorAll('button');
@@ -372,7 +372,7 @@ Inline JavaScript
buttons[i].addEventListener('click', createParagraph);
}
-这样写乍看去比 onclick
属性要长一些,但是这样写会对页面上所有按钮生效,无论多少个,或添加或删除,完全无需修改 JavaScript 代码。
+这样写乍看去比 onclick
属性要长一些,但是这样写会对页面上所有按钮生效,无论多少个,或添加或删除,完全无需修改 JavaScript 代码。
注:请尝试修改 apply-javascript.html
以添加更多按钮。刷新后可发现按下任一按钮时都会创建一个段落。很高效吧。
@@ -380,37 +380,37 @@
Inline JavaScript
脚本调用策略
-
要让脚本调用的时机符合预期,需要解决一系列的问题。这里看似简单,实际大有文章。最常见的问题就是:HTML 元素是按其在页面中出现的次序调用的,如果用 JavaScript 来管理页面上的元素(更精确的说法是使用 文档对象模型 DOM),若 JavaScript 加载于欲操作的 HTML 元素之前,则代码将出错。
+
要让脚本调用的时机符合预期,需要解决一系列的问题。这里看似简单,实际大有文章。最常见的问题就是:HTML 元素是按其在页面中出现的次序调用的,如果用 JavaScript 来管理页面上的元素(更精确的说法是使用 文档对象模型 DOM),若 JavaScript 加载于欲操作的 HTML 元素之前,则代码将出错。
-
在上文的“内部”、“外部”示例中,JavaScript 调用于文档头处,解析 HTML 文档体之前。这样做是有隐患的,需要使用一些结构来避免错误发生。
+
在上文的“内部”、“外部”示例中,JavaScript 调用于文档头处,解析 HTML 文档体之前。这样做是有隐患的,需要使用一些结构来避免错误发生。
-
“内部”示例使用了以下结构:
+
“内部”示例使用了以下结构:
document.addEventListener("DOMContentLoaded", function() {
. . .
});
-
这是一个事件监听器,它监听浏览器的 "DOMContentLoaded
" 事件,即 HTML 文档体加载、解释完毕事件。事件触发时将调用 " . . .
" 处的代码,从而避免了错误发生(事件 的概念稍后学习)。
+
这是一个事件监听器,它监听浏览器的 "DOMContentLoaded
" 事件,即 HTML 文档体加载、解释完毕事件。事件触发时将调用 " . . .
" 处的代码,从而避免了错误发生(事件 的概念稍后学习)。
-
“外部”示例中使用了 JavaScript 的一项现代技术(async
“异步”属性)来解决这一问题,它告知浏览器在遇到 <script>
元素时不要中断后续 HTML 内容的加载。
+
“外部”示例中使用了 JavaScript 的一项现代技术(async
“异步”属性)来解决这一问题,它告知浏览器在遇到 <script>
元素时不要中断后续 HTML 内容的加载。
<script src="script.js" async></script>
-
上述情况下,脚本和 HTML 将一并加载,代码将顺利运行。
+
上述情况下,脚本和 HTML 将一并加载,代码将顺利运行。
注:“外部”示例中 async
属性可以解决调用顺序问题,因此无需使用 DOMContentLoaded
事件。而 async
只能用于外部脚本,因此不适用于“内部”示例。
-
解决此问题的旧方法是:把脚本元素放在文档体的底端(</body>
标签之前,与之相邻),这样脚本就可以在 HTML 解析完毕后加载了。此方案(以及上述的 DOMContentLoaded
方案)的问题是:只有在所有 HTML DOM 加载完成后才开始脚本的加载/解析过程。对于有大量 JavaScript 代码的大型网站,可能会带来显著的性能损耗。这也是 async
属性诞生的初衷。
+
解决此问题的旧方法是:把脚本元素放在文档体的底端(</body>
标签之前,与之相邻),这样脚本就可以在 HTML 解析完毕后加载了。此方案(以及上述的 DOMContentLoaded
方案)的问题是:只有在所有 HTML DOM 加载完成后才开始脚本的加载/解析过程。对于有大量 JavaScript 代码的大型网站,可能会带来显著的性能损耗。这也是 async
属性诞生的初衷。
async
和 defer
-
上述的脚本阻塞问题实际有两种解决方案 —— async
和 defer
。我们来依次讲解。
+
上述的脚本阻塞问题实际有两种解决方案 —— async
和 defer
。我们来依次讲解。
-
浏览器遇到 async
脚本时不会阻塞页面渲染,而是直接下载然后运行。这样脚本的运行次序就无法控制,只是脚本不会阻止剩余页面的显示。当页面的脚本之间彼此独立,且不依赖于本页面的其它任何脚本时,async
是最理想的选择。
+
浏览器遇到 async
脚本时不会阻塞页面渲染,而是直接下载然后运行。这样脚本的运行次序就无法控制,只是脚本不会阻止剩余页面的显示。当页面的脚本之间彼此独立,且不依赖于本页面的其它任何脚本时,async
是最理想的选择。
-
比如,如果你的页面要加载以下三个脚本:
+
比如,如果你的页面要加载以下三个脚本:
<script async src="js/vendor/jquery.js"></script>
@@ -418,9 +418,9 @@ async
和 defer
-三者的调用顺序是不确定的。jquery.js
可能在 script2
和 script3
之前或之后调用,如果这样,后两个脚本中依赖 jquery
的函数将产生错误,因为脚本运行时 jquery
尚未加载。
+三者的调用顺序是不确定的。jquery.js
可能在 script2
和 script3
之前或之后调用,如果这样,后两个脚本中依赖 jquery
的函数将产生错误,因为脚本运行时 jquery
尚未加载。
-解决这一问题可使用 defer
属性,脚本将按照在页面中出现的顺序加载和运行:
+解决这一问题可使用 defer
属性,脚本将按照在页面中出现的顺序加载和运行:
<script defer src="js/vendor/jquery.js"></script>
@@ -428,9 +428,9 @@ async
和 defer
-添加 defer
属性的脚本将按照在页面中出现的顺序加载,因此第二个示例可确保 jquery.js
必定加载于 script2.js
和 script3.js
之前,同时 script2.js
必定加载于 script3.js
之前。
+添加 defer
属性的脚本将按照在页面中出现的顺序加载,因此第二个示例可确保 jquery.js
必定加载于 script2.js
和 script3.js
之前,同时 script2.js
必定加载于 script3.js
之前。
-脚本调用策略小结:
+脚本调用策略小结:
- 如果脚本无需等待页面解析,且无依赖独立运行,那么应使用
async
。
@@ -439,7 +439,7 @@ async
和 defer
注释
-就像 HTML 和 CSS,JavaScript 代码中也可以添加注释,浏览器会忽略它们,注释只是为你的同事(还有你,如果半年后再看自己写的代码你会说,这是什么垃圾玩意。)提供关于代码如何工作的指引。注释非常有用,而且应该经常使用,尤其在大型应用中。注释分为两类:
+就像 HTML 和 CSS,JavaScript 代码中也可以添加注释,浏览器会忽略它们,注释只是为你的同事(还有你,如果半年后再看自己写的代码你会说,这是什么垃圾玩意。)提供关于代码如何工作的指引。注释非常有用,而且应该经常使用,尤其在大型应用中。注释分为两类:
- 在双斜杠后添加单行注释,比如:
@@ -453,7 +453,7 @@
注释
-比如说,我们可以这样为上一个 demo 添加注释:
+比如说,我们可以这样为上一个 demo 添加注释:
// 函数:创建一个新的段落并添加至 HTML body 底部。
function createParagraph() {
@@ -476,11 +476,11 @@ 注释
小结
-恭喜你,迈出了探索 JavaScript 世界的第一步。我们从理论开始,介绍为什么要使用 JavaScript,以及用它能做什么事情。过程中穿插了一些代码示例并讲解了 JavaScript 如何与网站中其他代码适配,等等。
+恭喜你,迈出了探索 JavaScript 世界的第一步。我们从理论开始,介绍为什么要使用 JavaScript,以及用它能做什么事情。过程中穿插了一些代码示例并讲解了 JavaScript 如何与网站中其他代码适配,等等。
-现在 JavaScript 或许还有些令人生畏,但不用担心。在课程中我们会循序渐进。下一节将 全力投入实战,让你专注其中,并建立自己的 JavaScript 示例。
+现在 JavaScript 或许还有些令人生畏,但不用担心。在课程中我们会循序渐进。下一节将 全力投入实战,让你专注其中,并建立自己的 JavaScript 示例。
-{{NextMenu("Learn/JavaScript/First_steps/A_first_splash", "Learn/JavaScript/First_steps")}}
+{{NextMenu("Learn/JavaScript/First_steps/A_first_splash", "Learn/JavaScript/First_steps")}}
本章目录
diff --git a/files/zh-cn/learn/javascript/first_steps/what_went_wrong/index.html b/files/zh-cn/learn/javascript/first_steps/what_went_wrong/index.html
index b395b178413939..72629c9a574762 100644
--- a/files/zh-cn/learn/javascript/first_steps/what_went_wrong/index.html
+++ b/files/zh-cn/learn/javascript/first_steps/what_went_wrong/index.html
@@ -62,7 +62,7 @@ 修复语法错误
-
-
打开 number-game-errors.html
所在的标签页,然后打开 JavaScript 控制台。你将看到以下出错信息:
+ 打开 number-game-errors.html
所在的标签页,然后打开 JavaScript 控制台。你将看到以下出错信息:
- 这个错误很容易跟踪,浏览器为你提供了几条有用的信息(截图来自 Firefox,其他浏览器也提供类似信息)。从左到右依次为:
diff --git a/files/zh-cn/learn/learning_and_getting_help/index.html b/files/zh-cn/learn/learning_and_getting_help/index.html
index c9dddb73510533..62315852f701a7 100644
--- a/files/zh-cn/learn/learning_and_getting_help/index.html
+++ b/files/zh-cn/learn/learning_and_getting_help/index.html
@@ -238,15 +238,15 @@ 做练习
寻求帮助
-网络开发需要你学习一套复杂的技能——有时你肯定会陷入困境,需要帮助。正如我们之前所说,即使是专业开发人员在某些时刻也需要让他人来帮助解决问题。
+网络开发需要你学习一套复杂的技能——有时你肯定会陷入困境,需要帮助。正如我们之前所说,即使是专业开发人员在某些时刻也需要让他人来帮助解决问题。
-获得帮助的方法有很多种,下面是一些非常有效的方法。
+获得帮助的方法有很多种,下面是一些非常有效的方法。
高效的网络搜索
-需要学习的一项重要技能是高效网络搜索的技巧——你需要在你最喜欢的搜索引擎中使用哪些搜索词来找到你需要的文章?
+需要学习的一项重要技能是高效网络搜索的技巧——你需要在你最喜欢的搜索引擎中使用哪些搜索词来找到你需要的文章?
-搜索什么通常是相当直接的。例如:
+搜索什么通常是相当直接的。例如:
- 如果你想了解更多关于响应式网页设计的信息,你可以搜索”响应式网页设计”。
@@ -254,7 +254,7 @@ 高效的网络搜索
- 如果您正在寻找一些更具体的信息,您可以添加其他关键字作为补充,例如 "<video> element autoplay attribute", 或者 "Date.setTime parameters"。
-
如果你想搜索一些没有那么明显的专业术语的东西,你需要考虑最有可能搜索到想要的东西是什么。
+
如果你想搜索一些没有那么明显的专业术语的东西,你需要考虑最有可能搜索到想要的东西是什么。
- 在好几个 promises 执行之后运行代码
@@ -272,7 +272,7 @@ 报错信息
浏览器调试
-看看你的问题是否在所有浏览器中都出现,或者它是否只发生在一个或少数浏览器中,这通常是一个好主意。例如,如果它只影响一个浏览器,则可以使用该浏览器缩小搜索范围。示例搜索可能看起来像:
+看看你的问题是否在所有浏览器中都出现,或者它是否只发生在一个或少数浏览器中,这通常是一个好主意。例如,如果它只影响一个浏览器,则可以使用该浏览器缩小搜索范围。示例搜索可能看起来像:
- <video> 在 iOS 浏览器中播放不起作用。
@@ -281,11 +281,11 @@ 浏览器调试
使用 MDN
-您现在所在的网站上有大量信息可供您使用,既有查找代码语法的参考资料,也有学习技巧的指南/教程。
+您现在所在的网站上有大量信息可供您使用,既有查找代码语法的参考资料,也有学习技巧的指南/教程。
-在 MDN 的这一部分中,我们提供了关于 web 开发基础知识的大部分问题的答案。如果你陷入困境,最好重新阅读相关文章,看看你是否遗漏了什么。
+在 MDN 的这一部分中,我们提供了关于 web 开发基础知识的大部分问题的答案。如果你陷入困境,最好重新阅读相关文章,看看你是否遗漏了什么。
-如果你不确定该读哪篇文章,那么尝试在 MDN 中搜索一些相关的关键字(如上所述),或者尝试一般的网络搜索。要在 MDN 上搜索,你可以使用网站内置的搜索功能,或者使用你最喜欢的搜索引擎,在搜索词前面加上 “MDN”。例如,“mdn responsive web design“ 或者 ”mdn background-color“。
+如果你不确定该读哪篇文章,那么尝试在 MDN 中搜索一些相关的关键字(如上所述),或者尝试一般的网络搜索。要在 MDN 上搜索,你可以使用网站内置的搜索功能,或者使用你最喜欢的搜索引擎,在搜索词前面加上 “MDN”。例如,“mdn responsive web design“ 或者 ”mdn background-color“。
其他在线资源
@@ -299,13 +299,13 @@ 其他在线资源
- webdeveloper.com Forums
-然而,在 Twitter 或 Facebook 等社交网站上寻找有用的群组也是有意义的。寻找讨论你感兴趣的网络开发主题的小组,并加入其中。在 twitter 上关注那些你知道有影响力、聪明或平易近人的人,他们似乎分享了很多有用的建议。
+然而,在 Twitter 或 Facebook 等社交网站上寻找有用的群组也是有意义的。寻找讨论你感兴趣的网络开发主题的小组,并加入其中。在 twitter 上关注那些你知道有影响力、聪明或平易近人的人,他们似乎分享了很多有用的建议。
线下聚会
-最后,你应该尝试参加一些线下聚会,认识其他志同道合的人,尤其是那些对初学者友好的人。 meetup.com 是一个很好的地方,可以找到当地的身体聚会,你也可以尝试搜索你当地的媒体/网站上的内容。
+最后,你应该尝试参加一些线下聚会,认识其他志同道合的人,尤其是那些对初学者友好的人。 meetup.com 是一个很好的地方,可以找到当地的身体聚会,你也可以尝试搜索你当地的媒体/网站上的内容。
-你也可以尝试参加正式的网络会议。虽然这些费用可能很高,但你可以尝试在那里做志愿者,许多会议都提供优惠票,例如学生票或多样性票。
+你也可以尝试参加正式的网络会议。虽然这些费用可能很高,但你可以尝试在那里做志愿者,许多会议都提供优惠票,例如学生票或多样性票。
参见
diff --git a/files/zh-cn/learn/server-side/django/deployment/index.html b/files/zh-cn/learn/server-side/django/deployment/index.html
index 7543c4e10df092..8ff1584f33f3a5 100644
--- a/files/zh-cn/learn/server-side/django/deployment/index.html
+++ b/files/zh-cn/learn/server-side/django/deployment/index.html
@@ -28,7 +28,7 @@ 概述
一旦您的网站完成(或完成“足够”开始公开测试),您将需要将其托管在比您的个人开发计算机更公开和可访问的地方。
-到目前为止,您一直在开发环境中工作,使用Django开发Web服务器将您的站点共享到本地浏览器/网络,并使用暴露调试和其他私人信息的(不安全)开发设置运行您的网站。在您可以从外部托管网站之前,您首先必须:
+到目前为止,您一直在开发环境中工作,使用Django开发Web服务器将您的站点共享到本地浏览器/网络,并使用暴露调试和其他私人信息的(不安全)开发设置运行您的网站。在您可以从外部托管网站之前,您首先必须:
@@ -40,7 +40,7 @@ 概述
- 设置一个产品级的设施来为你的网站服务
-
本教程为您选择托管站点提供了一些指导,简要概述了为了让您的Django应用程序可用于生产需要做什么以及如何将LocalLibrary网站安装到Heroku云托管上服务。
+
本教程为您选择托管站点提供了一些指导,简要概述了为了让您的Django应用程序可用于生产需要做什么以及如何将LocalLibrary网站安装到Heroku云托管上服务。
什么是生产环境?
diff --git a/files/zh-cn/learn/server-side/django/sessions/index.html b/files/zh-cn/learn/server-side/django/sessions/index.html
index 3ba2f3e959552c..107880da482585 100644
--- a/files/zh-cn/learn/server-side/django/sessions/index.html
+++ b/files/zh-cn/learn/server-side/django/sessions/index.html
@@ -7,7 +7,7 @@
{{PreviousMenuNext("Learn/Server-side/Django/Generic_views", "Learn/Server-side/Django/authentication_and_sessions", "Learn/Server-side/Django")}}
-
本教程扩展了我们的LocalLibrary网站,为主页添加了一个基于会话的访问计数器。这是一个相对简单的例子,但它确实显示了,如何使用会话框架为匿名用户提供持久的行为。
+
本教程扩展了我们的LocalLibrary网站,为主页添加了一个基于会话的访问计数器。这是一个相对简单的例子,但它确实显示了,如何使用会话框架为匿名用户提供持久的行为。
diff --git a/files/zh-cn/learn/server-side/express_nodejs/deployment/index.html b/files/zh-cn/learn/server-side/express_nodejs/deployment/index.html
index 17d204bdf9bef7..5627f3322e990c 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/deployment/index.html
+++ b/files/zh-cn/learn/server-side/express_nodejs/deployment/index.html
@@ -214,7 +214,7 @@ 使用 Helmet 避免被常见
...
-
注意: 上面的命令,添加了对大多数站点有意义的可用标头子集。您可以按照npm上的说明,根据需要添加/禁用特定标头。
+
注意: 上面的命令,添加了对大多数站点有意义的可用标头子集。您可以按照npm上的说明,根据需要添加/禁用特定标头。
例子:在 Heroku 上安装一个本地图书馆
diff --git a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html
index 4c2e0b83880a2d..f261d1a01a263c 100644
--- a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html
+++ b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html
@@ -156,7 +156,7 @@ App.vue
<script>
包含组件中所有的非显示逻辑,最重要的是, <script>
标签需要默认导出一个 JS 对象。该对象是您在本地注册组件、定义属性、处理本地状态、定义方法等的地方。在构建阶段这个对象会被处理和转换(包含 template 模板)成为一个有 render()
函数的 Vue 组件。
-对于 App.vue
,我们的默认导出将组件的名称设置为 app
,并通过将 HelloWorld
组件添加到 components
属性中来注册它。以这种方式注册组件时,就是在本地注册。本地注册的组件只能在注册它们的组件内部使用,因此您需要将其导入并注册到使用它们的每个组件文件中。这对于拆包 / tree shaking(译者注:一种减小包体积优化方式)很有用,因为并不是应用程序中的每个页面都不一定需要每个组件。
+对于 App.vue
,我们的默认导出将组件的名称设置为 app
,并通过将 HelloWorld
组件添加到 components
属性中来注册它。以这种方式注册组件时,就是在本地注册。本地注册的组件只能在注册它们的组件内部使用,因此您需要将其导入并注册到使用它们的每个组件文件中。这对于拆包 / tree shaking(译者注:一种减小包体积优化方式)很有用,因为并不是应用程序中的每个页面都不一定需要每个组件。
import HelloWorld from './components/HelloWorld.vue';
@@ -182,7 +182,7 @@ 本地运行程序
Vue CLI 带有内置的开发服务器。这样一来,您就可以在本地运行您的应用程序,这样就可以轻松对其进行测试,而无需自己配置服务器。 CLI 会以 npm 脚本的形式将 serve
命令添加到项目的 package.json
文件中,因此您可以轻松地运行它。
-在您的终端中,尝试运行 npm run serve
(或者如果希望使用 yarn ,则运行 yarn serve
)。您的终端应输出类似以下内容的内容:
+在您的终端中,尝试运行 npm run serve
(或者如果希望使用 yarn ,则运行 yarn serve
)。您的终端应输出类似以下内容的内容:
INFO Starting development server...
98% after emitting CopyPlugin
@@ -240,9 +240,9 @@ 总结
让我们在这里暂时告一段落。我们已经了解了 Vue 背后的一些想法,为示例应用程序创建了一些脚手架,使其可以运行,检查并进行了一些初步更改。
-在不进行基本介绍的情况下,我们现在将进一步研究并构建示例应用程序,这是一个基本的任务清单应用程序,它允许我们存储项目列表,完成后将其选中,并按所有、已完成和未完成待办事项来过滤。
+在不进行基本介绍的情况下,我们现在将进一步研究并构建示例应用程序,这是一个基本的任务清单应用程序,它允许我们存储项目列表,完成后将其选中,并按所有、已完成和未完成待办事项来过滤。
-在下一篇文章中,我们将构建第一个自定义组件,并研究一些重要概念,例如将 prop 传递到其中和保存其 data 状态。
+在下一篇文章中,我们将构建第一个自定义组件,并研究一些重要概念,例如将 prop 传递到其中和保存其 data 状态。
{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component", "Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}
diff --git a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.html b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.html
index 842a1e28d7f8c4..403249f2af15b4 100644
--- a/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.html
+++ b/files/zh-cn/learn/tools_and_testing/cross_browser_testing/javascript/index.html
@@ -26,7 +26,7 @@ The trouble with JavaScript
Historically, JavaScript was plagued with cross-browser compatibility problems — back in the 1990s, the main browser choices back then (Internet Explorer and Netscape) had scripting implemented in different language flavours (Netscape had JavaScript, IE had JScript and also offered VBScript as an option), and while at least JavaScript and JScript were compatible to some degree (both based on the {{glossary("ECMAScript")}} specification), things were often implemented in conflicting, incompatible ways, causing developers many nightmares.
-Such incompatibility problems persisted well into the early 2000s, as old browsers were still being used and still needed supporting. This is one of the main reasons why libraries like jQuery came into existence — to abstract away differences in browser implementations (e.g. see the code snippet in How to make an HTTP request) so developers only have to write one simple bit of code (see jQuery.ajax()
). jQuery (or whatever library you are using) will then handle the differences in the background, so you don't have to.
+Such incompatibility problems persisted well into the early 2000s, as old browsers were still being used and still needed supporting. This is one of the main reasons why libraries like jQuery came into existence — to abstract away differences in browser implementations (e.g. see the code snippet in How to make an HTTP request) so developers only have to write one simple bit of code (see jQuery.ajax()
). jQuery (or whatever library you are using) will then handle the differences in the background, so you don't have to.
Things have got much better since then; modern browsers do a good job of supporting "classic JavaScript features", and the requirement to use such code has diminished as the requirement to support older browsers has lessened (although bear in mind that they have not gone away altogether).
@@ -317,9 +317,9 @@ Polyfills
Polyfills also consist of 3rd party JavaScript files that you can drop into your project, but they differ from libraries — whereas libraries tend to enhance existing functionality and make things easier, polyfills provide functionality that doesn't exist at all. Polyfills use JavaScript or other technologies entirely to build in support for a feature that a browser doesn't support natively. For example, you might use a polyfill like es6-promise to make promises work in browsers where they are not supported natively.
-
+Modernizr's list of HTML5 Cross Browser Polyfills is a useful place to find polyfills for different purposes. Again, you should research them before you use them — make sure they work and are maintained.
-
+Let's work through an exercise — in this example we will use a Fetch polyfill to provide support for the Fetch API in older browsers; however we also need to use the es6-promise polyfill, as Fetch makes heavy use of promises, and browsers that don't support them will still be in trouble.
@@ -348,7 +348,7 @@ Polyfills
-
+
Note: Again, there are many different ways to make use of the different polyfills you will encounter — consult each polyfill's individual documentation.
One thing you might be thinking is "why should we always load the polyfill code, even if we don't need it?" This is a good point — as your sites get more complex and you start to use more libraries, polyfills, etc., you can start to load a lot of extra code, which can start to affect performance, especially on less-powerful devices. It makes sense to only load files as needed.
diff --git a/files/zh-cn/mdn/contribute/getting_started/index.html b/files/zh-cn/mdn/contribute/getting_started/index.html
index 3789eba71bf008..62fb51e3cd4a0c 100644
--- a/files/zh-cn/mdn/contribute/getting_started/index.html
+++ b/files/zh-cn/mdn/contribute/getting_started/index.html
@@ -10,7 +10,7 @@
---
{{MDNSidebar}}
-我们是一个开放包容的开发者社区群体,目标是为更美好的互联网提供资源,无关浏览器或平台。任何人都可以参与到我们中来,你的每一分贡献都会让我们更强大。与我们一起,持续推动互联网技术向更伟大的方向革新——就在这里,与你一起。
+我们是一个开放包容的开发者社区群体,目标是为更美好的互联网提供资源,无关浏览器或平台。任何人都可以参与到我们中来,你的每一分贡献都会让我们更强大。与我们一起,持续推动互联网技术向更伟大的方向革新——就在这里,与你一起。
MDN 的所有内容(文档、示例以及网站本身)都是由这个开放包容的开发者社区群体创建的。任何人都可以贡献自己的力量,请加入我们吧!
diff --git a/files/zh-cn/mdn/contribute/howto/tag/index.html b/files/zh-cn/mdn/contribute/howto/tag/index.html
index 3a479238bb6dca..560ee2d48469ed 100644
--- a/files/zh-cn/mdn/contribute/howto/tag/index.html
+++ b/files/zh-cn/mdn/contribute/howto/tag/index.html
@@ -44,7 +44,7 @@ 文档类别
-
我们使用以下类别名称作为标准标记术语:
+
我们使用以下类别名称作为标准标记术语:
@@ -53,7 +53,7 @@ 文档类别
-
-
这篇文章提供了一个有关主题的介绍材料。最理想的是每一个技术领域应该只能有一个“Intro”标签。
+
这篇文章提供了一个有关主题的介绍材料。最理想的是每一个技术领域应该只能有一个“Intro”标签。
@@ -61,7 +61,7 @@ 文档类别
-
-
这篇文章是至关重要的,将在登陆页面上显示在突出的位置上。有节制地使用这个标签(每个文件区不要超过三个)。
+
这篇文章是至关重要的,将在登陆页面上显示在突出的位置上。有节制地使用这个标签(每个文件区不要超过三个)。
@@ -79,13 +79,13 @@ 主题
-
通过确定文章的主题区域,您可以帮助产生更好的搜索结果(以及着陆页和导航)。
+
通过确定文章的主题区域,您可以帮助产生更好的搜索结果(以及着陆页和导航)。
-
虽然在这里有一些灵活的空间可以识别新的主题领域,但我们试着将自己限制在API和技术的名字上,一些有用的例子:
+
虽然在这里有一些灵活的空间可以识别新的主题领域,但我们试着将自己限制在API和技术的名字上,一些有用的例子:
@@ -113,7 +113,7 @@ 主题
-
一般而言,您的主题标识标签应该是一个接口的名称,和相关的页面(如Node,它的各种属性和方法有很多页),或一个整体的技术类型的名称。你可以对图形、WebGL和WebGL设置页面标签,而不仅是一个关于{{HTMLElement("canvas")}} 与HTML、元素,Canvas,和图形。
+
一般而言,您的主题标识标签应该是一个接口的名称,和相关的页面(如Node,它的各种属性和方法有很多页),或一个整体的技术类型的名称。你可以对图形、WebGL和WebGL设置页面标签,而不仅是一个关于{{HTMLElement("canvas")}} 与HTML、元素,Canvas,和图形。
Mozilla 特定内容
@@ -174,7 +174,7 @@
技术状况
-
-
表示页面中描述的技术或应用接口不是标准的一部分,但是在任何实现浏览器中都是稳定的。如果你不使用这个标签,你的读者会认为这是标准的技术。页面上的兼容性表应该说明该技术或API的支持。
+
表示页面中描述的技术或应用接口不是标准的一部分,但是在任何实现浏览器中都是稳定的。如果你不使用这个标签,你的读者会认为这是标准的技术。页面上的兼容性表应该说明该技术或API的支持。
@@ -182,7 +182,7 @@
技术状况
-
-
网页上的技术或API被标记为过时的规范,并有可能最终被删除,但一般仍可用在当前版本的浏览器。
+
网页上的技术或API被标记为过时的规范,并有可能最终被删除,但一般仍可用在当前版本的浏览器。
@@ -190,7 +190,7 @@
技术状况
-
-
该技术或API已被认为已经过时,并已经在所有或大多数当前浏览器中被删除(或正在积极被删除)。
+
该技术或API已被认为已经过时,并已经在所有或大多数当前浏览器中被删除(或正在积极被删除)。
@@ -198,7 +198,7 @@
技术状况
-
-
技术不是规范,而是一个实验性的技术或API,可能会或可能不会成为标准的一部分。它可能在浏览器的实现上被改变。
+
技术不是规范,而是一个实验性的技术或API,可能会或可能不会成为标准的一部分。它可能在浏览器的实现上被改变。
@@ -206,7 +206,7 @@
技术状况
-
-
该接口要求访问该设备在该设备上运行的权限。
+
该接口要求访问该设备在该设备上运行的权限。
@@ -220,7 +220,7 @@
技术水平
-
指南或教程的技术水平标签类型(那是,被标记的指南)帮助用户来基于他们的熟悉程度来选择教程,这里有三个值:
+
指南或教程的技术水平标签类型(那是,被标记的指南)帮助用户来基于他们的熟悉程度来选择教程,这里有三个值:
@@ -231,7 +231,7 @@
技术水平
-
-
已经开始使用该技术的用户的文章,但不是专家。
+
已经开始使用该技术的用户的文章,但不是专家。
@@ -243,7 +243,7 @@
文档元数据
-
写作社区要求根据特定类型的工作来使用标签标记文章。以下是我们最常用的一个列表:
+
写作社区要求根据特定类型的工作来使用标签标记文章。以下是我们最常用的一个列表:
@@ -259,7 +259,7 @@
文档元数据
-
-
文章是一个存根,或者是缺乏其他信息。这个标签意味着有人应该审查的内容,并添加更多的细节和/或完成写作的文章。
+
文章是一个存根,或者是缺乏其他信息。这个标签意味着有人应该审查的内容,并添加更多的细节和/或完成写作的文章。
@@ -267,7 +267,7 @@
文档元数据
-
-
文章需要一个或多个例子来帮助说明文章的要点。这些例子应该使用实时示例系统.
+
文章需要一个或多个例子来帮助说明文章的要点。这些例子应该使用实时示例系统.
@@ -275,7 +275,7 @@
文档元数据
-
@@ -285,7 +285,7 @@
文档元数据
-
-
内容是不真正值得本地化,不会出现在本地化状态页。
+
内容是不真正值得本地化,不会出现在本地化状态页。
@@ -293,7 +293,7 @@
文档元数据
-
-
内容重要,应该被MDN标记为优先翻译。在本地化状态页上显示了一个额外的优先级表。
+
内容重要,应该被MDN标记为优先翻译。在本地化状态页上显示了一个额外的优先级表。
diff --git a/files/zh-cn/mdn/contribute/index.html b/files/zh-cn/mdn/contribute/index.html
index 786151e21fee89..db1164311cd33d 100644
--- a/files/zh-cn/mdn/contribute/index.html
+++ b/files/zh-cn/mdn/contribute/index.html
@@ -84,7 +84,7 @@
其他类型的任务
如果你对上面这些较优先的任务不感兴趣,下面列出了一些其他类型的任务。这些任务一般没那么紧迫,但依然对我们有帮助。
-
如果你对文字感兴趣,下面这些任务可能适合你:
+
如果你对文字感兴趣,下面这些任务可能适合你:
- 为现有文章补充新的信息。(需时:5 分钟到 1 小时)
diff --git a/files/zh-cn/mdn/mdn_product_advisory_board/members/index.html b/files/zh-cn/mdn/mdn_product_advisory_board/members/index.html
index e328173afba743..ed595cdd727e2b 100644
--- a/files/zh-cn/mdn/mdn_product_advisory_board/members/index.html
+++ b/files/zh-cn/mdn/mdn_product_advisory_board/members/index.html
@@ -35,10 +35,10 @@
Chris works at Mozilla as content lead for MDN, helping to pull together a strategy for what needs documenting in the short and long term. He also contributes a large number of beginner’s tutorials and reference articles covering DOM APIs, HTML and CSS features, web games, WebAssembly, and more.
-Erika Doyle Navara
+
Erika Doyle Navara
Senior Dev Writer for Windows web documentation at Microsoft
- Erika Doyle Navara has been tinkering around the Microsoft browser engine room since 2006 when she started working on IE7. As a test engineer and technical writer, she helped organize Microsoft's contributions and browser data for the CSS 2.1, CSS3, SVG and HTML5 test suites at the W3C. She’s excited to continue championing cross-browser interoperability at MDN web docs.
+ Erika Doyle Navara has been tinkering around the Microsoft browser engine room since 2006 when she started working on IE7. As a test engineer and technical writer, she helped organize Microsoft's contributions and browser data for the CSS 2.1, CSS3, SVG and HTML5 test suites at the W3C. She’s excited to continue championing cross-browser interoperability at MDN web docs.
Robert Nyman
Global Lead for Programs & Initiatives, Web Developer Relations, at Google.
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html b/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html
index ec8bcb4ad6f46d..a34103f92418db 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.html
@@ -52,7 +52,7 @@ 指定后台脚本
与此同时,你也可以先引入一个后台页面,再在后台页面中引入脚本。这样做能为后台脚本添加 ES 6 模块支持,算是一个优势。
-manifest.json
+manifest.json
// manifest.json
@@ -60,7 +60,7 @@ 指定后台脚本
"page": "background-page.html"
}
-
background-page.html
+
background-page.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/cookies/cookie/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/cookies/cookie/index.html
index 1e60f00be2c95f..ce50f7bd3d95a5 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/cookies/cookie/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/cookies/cookie/index.html
@@ -109,9 +109,9 @@ 举例
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/i18n/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/i18n/index.html
index e544cac6751bd5..814e7058923676 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/i18n/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/i18n/index.html
@@ -7,7 +7,7 @@
国际化扩展的函数。您可以使用这些 api 从与扩展打包在一起的本地化文件中获取本地化字符串,查找浏览器的当前语言,并查找其 Accept-Language header头的值。
-有关对扩展使用 i18n 的详细信息,请参阅:
+有关对扩展使用 i18n 的详细信息,请参阅:
- Internationalization国际化: 使用 WebExtension i18n 系统的指南
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html
index f22d01b0d552ae..2a1b8cdd6c2a89 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/api/runtime/index.html
@@ -37,7 +37,7 @@ Types
-
包含有关消息或连接请求的发件人的信息。
+
包含有关消息或连接请求的发件人的信息。
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/background/index.html b/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/background/index.html
index fcc4777ef98ec9..9f41f127e771f9 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/background/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/manifest.json/background/index.html
@@ -61,7 +61,7 @@
如果您需要在页面中显示某些特定的内容,您可以使用“page”属性来定义自己的页面。
- 如果您使用此属性,您仍然可以使用“script”属性来指定后台脚本,但您也可以就像在普通网页中一样在页面中包含自己的脚本。
+ 如果您使用此属性,您仍然可以使用“script”属性来指定后台脚本,但您也可以就像在普通网页中一样在页面中包含自己的脚本。
diff --git a/files/zh-cn/mozilla/add-ons/webextensions/user_interface/index.html b/files/zh-cn/mozilla/add-ons/webextensions/user_interface/index.html
index f34e594284f431..b6abf8733702fb 100644
--- a/files/zh-cn/mozilla/add-ons/webextensions/user_interface/index.html
+++ b/files/zh-cn/mozilla/add-ons/webextensions/user_interface/index.html
@@ -48,7 +48,7 @@
侧边栏 |
- 一个在网页边显示的HTML文档,每页都有其特定的内容. 每当扩展安装时侧边栏将会打开,但最终还是遵循用户的侧边栏可见性设置. 侧边栏内的用户交互通过HTML文档处理.
+ 一个在网页边显示的HTML文档,每页都有其特定的内容. 每当扩展安装时侧边栏将会打开,但最终还是遵循用户的侧边栏可见性设置. 侧边栏内的用户交互通过HTML文档处理.
|
|
diff --git a/files/zh-cn/mozilla/firefox/experimental_features/index.html b/files/zh-cn/mozilla/firefox/experimental_features/index.html
index 1196c6485fc7bc..3ac2f9ad3d5936 100644
--- a/files/zh-cn/mozilla/firefox/experimental_features/index.html
+++ b/files/zh-cn/mozilla/firefox/experimental_features/index.html
@@ -188,7 +188,7 @@ CSS
JavaScript
-See also ECMAScript Next support for implemented features of ECMAScript 2016 and later, that are not experimental and thus available without preferences in Firefox Release.
+See also ECMAScript Next support for implemented features of ECMAScript 2016 and later, that are not experimental and thus available without preferences in Firefox Release.
diff --git a/files/zh-cn/web/accessibility/aria/aria_live_regions/index.html b/files/zh-cn/web/accessibility/aria/aria_live_regions/index.html
index 65e0b08af219fb..0a797c95c4d206 100644
--- a/files/zh-cn/web/accessibility/aria/aria_live_regions/index.html
+++ b/files/zh-cn/web/accessibility/aria/aria_live_regions/index.html
@@ -24,7 +24,7 @@ 简单的活动区域
aria-live
: aria-live=POLITENESS_SETTING
被用来设置屏幕阅读器对待活动区域更新的优先级 - 可能的设置:off
, polite
or assertive
。默认设置是 off
。这个设置是到目前为止最重要的。
-
-
+
aria-controls
: aria-controls=[IDLIST]
被用来将控制动作与它控制的区域相关联。区域就像div
里面的 id
被鉴别;多区域可以被一个带空格的控制动作关联,例如: aria-controls="myRegionID1 myRegionsID2"
。
警告:尚不知道在当前的辅助技术工具中是否实现了实时区域的 ARIA 控制方面。 需要研究。
@@ -203,7 +203,7 @@ 高级用例: 时钟
注意: 正如我们观察到的那样,重新设置/更新 innerHTML 会导致整个文本被重新播报,无论你是否设置 aria-atomic="true"
,所以以上的时钟示例并不能像预期那样地工作。
-一个简单的年份控件的工作示例,可以帮助您更好地理解:
+一个简单的年份控件的工作示例,可以帮助您更好地理解:
<div id="date-input">
<label>Year:
@@ -216,7 +216,7 @@ 高级用例: 时钟
<span id="year-output">1990</span>
</div>
-
+
function change(event) {
var yearOut = document.getElementById("year-output");
@@ -229,7 +229,7 @@ 高级用例: 时钟
}
};
-
+
如果没有 aria-atomic="true"
,屏幕阅读器只会播报"年"的数值的改变。
diff --git a/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-hidden_attribute/index.html b/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-hidden_attribute/index.html
index 2951a19490da77..8862b739009b69 100644
--- a/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-hidden_attribute/index.html
+++ b/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-hidden_attribute/index.html
@@ -44,14 +44,14 @@ 比较 a
- 无法在可互动元素的父级元素上使用
-尽管有上面这些相同点,但是各个属性的意图是不同的。
+尽管有上面这些相同点,但是各个属性的意图是不同的。
aria-hidden="true"
会把整个元素从可访问性 API 中移除
role="presentation"
和role="none"
会将元素从语义上移除,仍然会将元素暴露给辅助技术。
-
+
可选值
@@ -81,7 +81,7 @@ 最佳实践
- 祖先元素被
visibility: hidden
属性设置成不显示状态
-在以上三个场景中,元素已经被隐藏,从可访问树种移除了,无需再添加aria-hidden="true"
属性。
+在以上三个场景中,元素已经被隐藏,从可访问树种移除了,无需再添加aria-hidden="true"
属性。
技术规格
diff --git a/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
index e7ec7a6b1baf15..7acdd000ea1c67 100644
--- a/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
+++ b/files/zh-cn/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html
@@ -50,7 +50,7 @@ ARIA 相关技术
兼容性
-
+有待讨论:为通常的 UA 和 AT 产品组合提供支持信息。
额外资源
diff --git a/files/zh-cn/web/accessibility/aria/roles/button_role/index.html b/files/zh-cn/web/accessibility/aria/roles/button_role/index.html
index 410fbdec94f989..2c047c7424d3de 100644
--- a/files/zh-cn/web/accessibility/aria/roles/button_role/index.html
+++ b/files/zh-cn/web/accessibility/aria/roles/button_role/index.html
@@ -18,7 +18,7 @@ 键盘 and 聚焦
按钮可以由鼠标用户和键盘用户操作。 对于原生 HTML <button>
元素 ,按钮的 onclick
事件会在鼠标单击和按下键盘的 Space or Enter 时被触发, 同时这个按钮处于聚焦状态。 但是如果使用其他标签来创建“自定义按钮”,那么onclick
事件只会在点击鼠标光标时触发,即使使用role="button"
。因此,开发人员必须向元素添加一个单独的关键事件处理程序,以便在按下 Space or Enter 时触发按钮。
-Warning: 把给一个链接标记为按钮角色的链接时要谨慎。按钮将使用 Space or Enter 键触发,而链接被期望使用 Enter 键触发。 换句话说,当链接被用来作为按钮的时候,仅仅添加role="button"
是不够的。还需要添加一个 key 事件处理程序来侦听 Space 键,以便与原生按钮保持一致。
+Warning: 把给一个链接标记为按钮角色的链接时要谨慎。按钮将使用 Space or Enter 键触发,而链接被期望使用 Enter 键触发。 换句话说,当链接被用来作为按钮的时候,仅仅添加role="button"
是不够的。还需要添加一个 key 事件处理程序来侦听 Space 键,以便与原生按钮保持一致。
可切换的按钮
diff --git a/files/zh-cn/web/api/btoa/index.html b/files/zh-cn/web/api/btoa/index.html
index 44632f92e8f39f..414b8b4b422c31 100644
--- a/files/zh-cn/web/api/btoa/index.html
+++ b/files/zh-cn/web/api/btoa/index.html
@@ -71,7 +71,7 @@ Unicode 字符串
atou('SSDimaEgVW5pY29kZSE='); // "I ♡ Unicode!"
-更好、更可靠、性能更优异的解决方案是使用类型化数组进行转换。
+更好、更可靠、性能更优异的解决方案是使用类型化数组进行转换。
规范
diff --git a/files/zh-cn/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/zh-cn/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
index 815702261705ba..158834cef0a365 100644
--- a/files/zh-cn/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
+++ b/files/zh-cn/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html
@@ -251,7 +251,7 @@ lineWidth
对于那些宽度为偶数的线条,每一边的像素数都是整数,那么你想要其路径是落在像素点之间 (如那从 (3,1) 到 (3,5)) 而不是在像素点的中间。同样,注意到那个例子的垂直线条,其 Y 坐标刚好落在网格线上,如果不是的话,端点上同样会出现半渲染的像素点。
-虽然开始处理可缩放的 2D 图形时会有点小痛苦,但是及早注意到像素网格与路径位置之间的关系,可以确保图形在经过缩放或者其它任何变形后都可以保持看上去蛮好:线宽为 1.0 的垂线在放大 2 倍后,会变成清晰的线宽为 2.0,并且出现在它应该出现的位置上。
+虽然开始处理可缩放的 2D 图形时会有点小痛苦,但是及早注意到像素网格与路径位置之间的关系,可以确保图形在经过缩放或者其它任何变形后都可以保持看上去蛮好:线宽为 1.0 的垂线在放大 2 倍后,会变成清晰的线宽为 2.0,并且出现在它应该出现的位置上。
lineCap
属性的例子
diff --git a/files/zh-cn/web/api/canvas_api/tutorial/finale/index.html b/files/zh-cn/web/api/canvas_api/tutorial/finale/index.html
index 44f717b32239db..fd1b4421005ea4 100644
--- a/files/zh-cn/web/api/canvas_api/tutorial/finale/index.html
+++ b/files/zh-cn/web/api/canvas_api/tutorial/finale/index.html
@@ -46,7 +46,7 @@ 其他的 Web APIs
-
Web Audio API 提供了 Web 上的音频控制——个强大和灵活的系统,允许开发人员选择的音频源,添加效果的音频,创建音频可视化,应用空间效应(如平移)等等。
+
Web Audio API 提供了 Web 上的音频控制——个强大和灵活的系统,允许开发人员选择的音频源,添加效果的音频,创建音频可视化,应用空间效应(如平移)等等。
diff --git a/files/zh-cn/web/api/cssgroupingrule/index.html b/files/zh-cn/web/api/cssgroupingrule/index.html
index 2bdcd90d818fed..2996e0455c962c 100644
--- a/files/zh-cn/web/api/cssgroupingrule/index.html
+++ b/files/zh-cn/web/api/cssgroupingrule/index.html
@@ -35,7 +35,7 @@ 所有 CSSGroupingRule 实
The CSSGroupingRule
derives from {{domxref("CSSRule")}} and inherits all properties of this class. It has one specific property:
- - {{domxref("CSSGroupingRule.cssRules")}} {{readonlyinline}}
+ - {{domxref("CSSGroupingRule.cssRules")}} {{readonlyinline}}
- Returns a {{domxref("CSSRuleList")}} of the CSS rules in the media rule.
@@ -44,9 +44,9 @@ 所有 CSSGroupingRule 实
The CSSGroupingRule
derives from {{domxref("CSSRule")}} and inherits all methods of this class. It has two specific methods:
- - {{domxref("CSSGroupingRule.deleteRule")}}
+ - {{domxref("CSSGroupingRule.deleteRule")}}
- Deletes a rule from the style sheet.
- - {{domxref("CSSGroupingRule.insertRule")}}
+ - {{domxref("CSSGroupingRule.insertRule")}}
- Inserts a new style rule into the current style sheet.
diff --git a/files/zh-cn/web/api/cssrule/index.html b/files/zh-cn/web/api/cssrule/index.html
index f67c4eb60a6cb1..0989ae626f05d6 100644
--- a/files/zh-cn/web/api/cssrule/index.html
+++ b/files/zh-cn/web/api/cssrule/index.html
@@ -19,13 +19,13 @@
所有 CSSRule 实例共有的属性
- - {{domxref("CSSRule.cssText")}}
+ - {{domxref("CSSRule.cssText")}}
- 返回规则的文本表示。例如
"h1,h2 { font-size: 16pt }"
- - {{domxref("CSSRule.parentRule")}} {{readonlyinline}}
+ - {{domxref("CSSRule.parentRule")}} {{readonlyinline}}
- 返回包含规则,否则返回
null
。例如:如果此规则是 {{cssxref("@media")}} 块中的样式规则,则其父规则将是该 {{domxref("CSSMediaRule")}}。
- - {{domxref("CSSRule.parentStyleSheet")}} {{readonlyinline}}
+ - {{domxref("CSSRule.parentStyleSheet")}} {{readonlyinline}}
- 返回包含此规则的样式表的 {{domxref("CSSStyleSheet")}} 对象。
- - {{domxref("CSSRule.type")}} {{readonlyinline}}
+ - {{domxref("CSSRule.type")}} {{readonlyinline}}
- 规则类型,表示 CSS 规则类型 类型常量 中的一种类型。
diff --git a/files/zh-cn/web/api/cssstyledeclaration/item/index.html b/files/zh-cn/web/api/cssstyledeclaration/item/index.html
index 70f189f1e8b07f..951450f8049c77 100644
--- a/files/zh-cn/web/api/cssstyledeclaration/item/index.html
+++ b/files/zh-cn/web/api/cssstyledeclaration/item/index.html
@@ -5,7 +5,7 @@
---
{{ APIRef("CSSOM") }}
-CSSStyleDeclaration.item()
通过下标从 {{domxref('CSSStyleDeclaration')}} 返回一个 CSS 属性值。只要传入参数这个方法就不会抛出异常; 当传入的下标越界时会返回空字符串,当未传入参数时会抛出一个 TypeError
。
+CSSStyleDeclaration.item()
通过下标从 {{domxref('CSSStyleDeclaration')}} 返回一个 CSS 属性值。只要传入参数这个方法就不会抛出异常; 当传入的下标越界时会返回空字符串,当未传入参数时会抛出一个 TypeError
。
语法
diff --git a/files/zh-cn/web/api/cssstylerule/index.html b/files/zh-cn/web/api/cssstylerule/index.html
index e54cef0f2d21e8..322dbb7f5807c0 100644
--- a/files/zh-cn/web/api/cssstylerule/index.html
+++ b/files/zh-cn/web/api/cssstylerule/index.html
@@ -15,9 +15,9 @@
属性
- - {{domxref("CSSStyleRule.selectorText")}}
+ - {{domxref("CSSStyleRule.selectorText")}}
- 返回这条规则的、文本格式的选择器,例如
"h1,h2"
。
- - {{domxref("CSSStyleRule.style")}} {{readonlyinline}}
+ - {{domxref("CSSStyleRule.style")}} {{readonlyinline}}
- 返回这条规则的 {{domxref("CSSStyleDeclaration")}} 对象。
- {{domxref("CSSStyleRule.styleMap")}} {{readonlyinline}}
- 返回一个 {{domxref('StylePropertyMap')}} 对象,which provides access to the rule's property-value pairs.
diff --git a/files/zh-cn/web/api/cssstylesheet/index.html b/files/zh-cn/web/api/cssstylesheet/index.html
index 35661aad8f6e34..f2df9e6b53cc9f 100644
--- a/files/zh-cn/web/api/cssstylesheet/index.html
+++ b/files/zh-cn/web/api/cssstylesheet/index.html
@@ -34,7 +34,7 @@ 属性
继承自 {{domxref("StyleSheet")}}。
- - {{domxref("CSSStyleSheet.cssRules", "cssRules")}} {{ReadOnlyInline}}
+ - {{domxref("CSSStyleSheet.cssRules", "cssRules")}} {{ReadOnlyInline}}
-
返回一个实时的 {{domxref("CSSRuleList")}},其中包含组成样式表的 {{domxref("CSSRule")}} 对象的一个最新列表。
@@ -44,7 +44,7 @@ 属性
使用CSSStyleSheet
的 {{domxref("CSSStyleSheet.insertRule", "insertRule()")}} 和 {{domxref("CSSStyleSheet.deleteRule", "deleteRule()")}} 方法以在 cssRules
中添加或移除规则。
- - {{domxref("CSSStyleSheet.ownerRule", "ownerRule")}} {{ReadOnlyInline}}
+ - {{domxref("CSSStyleSheet.ownerRule", "ownerRule")}} {{ReadOnlyInline}}
- 如果一个样式表示通过{{cssxref("@import")}} 规则引入文档,那么
ownerRule
属性会返回相应的{{domxref("CSSImportRule")}}对象,否则返回 null
。
@@ -53,9 +53,9 @@ 方法
继承自 {{domxref("StyleSheet")}}。
- - {{domxref("CSSStyleSheet.deleteRule", "deleteRule()")}}
+ - {{domxref("CSSStyleSheet.deleteRule", "deleteRule()")}}
- 从样式表中删除特定位置的一条规则。
- - {{domxref("CSSStyleSheet.insertRule", "insertRule()")}}
+ - {{domxref("CSSStyleSheet.insertRule", "insertRule()")}}
- 向样式表的特定位置插入一条新规则,需要提供新规则的完整文本。
diff --git a/files/zh-cn/web/api/datatransfer/getdata/index.html b/files/zh-cn/web/api/datatransfer/getdata/index.html
index 2651518483a8aa..268079a5299ee0 100644
--- a/files/zh-cn/web/api/datatransfer/getdata/index.html
+++ b/files/zh-cn/web/api/datatransfer/getdata/index.html
@@ -78,7 +78,7 @@ JavaScript
结果
-{{ EmbedLiveSample('Example', 600) }}
+{{ EmbedLiveSample('Example', 600) }}
说明
diff --git a/files/zh-cn/web/api/document/createprocessinginstruction/index.html b/files/zh-cn/web/api/document/createprocessinginstruction/index.html
index ab94cafde96b1b..f3b695f182ed51 100644
--- a/files/zh-cn/web/api/document/createprocessinginstruction/index.html
+++ b/files/zh-cn/web/api/document/createprocessinginstruction/index.html
@@ -3,7 +3,7 @@
slug: Web/API/Document/createProcessingInstruction
translation_of: Web/API/Document/createProcessingInstruction
---
-{{APIRef("DOM")}}
+{{APIRef("DOM")}}
createProcessingInstruction()
创建一个新的处理指令节点,并返回。
diff --git a/files/zh-cn/web/api/document/dragend_event/index.html b/files/zh-cn/web/api/document/dragend_event/index.html
index 36a4e8a86b36ae..dba734683752bd 100644
--- a/files/zh-cn/web/api/document/dragend_event/index.html
+++ b/files/zh-cn/web/api/document/dragend_event/index.html
@@ -158,7 +158,7 @@ 属性
示例:dropzone
-{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
+{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
规范
diff --git a/files/zh-cn/web/api/document/dragenter_event/index.html b/files/zh-cn/web/api/document/dragenter_event/index.html
index 1034339fa37ea8..e1027c8b56a583 100644
--- a/files/zh-cn/web/api/document/dragenter_event/index.html
+++ b/files/zh-cn/web/api/document/dragenter_event/index.html
@@ -155,7 +155,7 @@ 属性
示例:dropzone
-{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
+{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
规范
diff --git a/files/zh-cn/web/api/document/dragleave_event/index.html b/files/zh-cn/web/api/document/dragleave_event/index.html
index e9ab3f20dc1c8e..4a031321968f09 100644
--- a/files/zh-cn/web/api/document/dragleave_event/index.html
+++ b/files/zh-cn/web/api/document/dragleave_event/index.html
@@ -157,7 +157,7 @@ 属性
示例:dropzone
-{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
+{{page('/zh-CN/docs/Web/Events/dragstart', '示例:dropzone')}}
规范
diff --git a/files/zh-cn/web/api/document/execcommand/index.html b/files/zh-cn/web/api/document/execcommand/index.html
index e1aff25f86e5ef..f373fb8a6dda33 100644
--- a/files/zh-cn/web/api/document/execcommand/index.html
+++ b/files/zh-cn/web/api/document/execcommand/index.html
@@ -10,7 +10,7 @@
---
{{ApiRef("DOM")}}{{Obsolete_header}}
-当一个 HTML 文档切换到设计模式时,document
暴露 execCommand
方法,该方法允许运行命令来操纵可编辑内容区域的元素。
+当一个 HTML 文档切换到设计模式时,document
暴露 execCommand
方法,该方法允许运行命令来操纵可编辑内容区域的元素。
大多数命令影响document
的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable
时,调用 execCommand()
将影响当前活动的可编辑元素。
diff --git a/files/zh-cn/web/api/document/fullscreenchange_event/index.html b/files/zh-cn/web/api/document/fullscreenchange_event/index.html
index 673f74a5796831..a1784490a00844 100644
--- a/files/zh-cn/web/api/document/fullscreenchange_event/index.html
+++ b/files/zh-cn/web/api/document/fullscreenchange_event/index.html
@@ -8,18 +8,18 @@
General info
- - Specification
- - Fullscreen
- - Interface
- - Event
- - Bubbles
- - Yes
- - Cancelable
- - No
- - Target
- - Document
- - Default Action
- - None
+ - Specification
+ - Fullscreen
+ - Interface
+ - Event
+ - Bubbles
+ - Yes
+ - Cancelable
+ - No
+ - Target
+ - Document
+ - Default Action
+ - None
Properties
diff --git a/files/zh-cn/web/api/document/getelementsbyclassname/index.html b/files/zh-cn/web/api/document/getelementsbyclassname/index.html
index 934b88bc44226a..14606e73328c97 100644
--- a/files/zh-cn/web/api/document/getelementsbyclassname/index.html
+++ b/files/zh-cn/web/api/document/getelementsbyclassname/index.html
@@ -7,7 +7,7 @@
- HTML5
translation_of: Web/API/Document/getElementsByClassName
---
-{{APIRef("DOM")}}
+{{APIRef("DOM")}}
返回一个包含了所有指定类名的子元素的类数组对象。当在 document 对象上调用时,会搜索整个 DOM 文档,包含根节点。你也可以在任意元素上调用{{domxref("Element.getElementsByClassName", "getElementsByClassName()")}} 方法,它将返回的是以当前元素为根节点,所有指定类名的子元素。
diff --git a/files/zh-cn/web/api/document/keypress_event/index.html b/files/zh-cn/web/api/document/keypress_event/index.html
index a9c2bf2bf3f388..c702a252a0de3e 100644
--- a/files/zh-cn/web/api/document/keypress_event/index.html
+++ b/files/zh-cn/web/api/document/keypress_event/index.html
@@ -8,18 +8,18 @@
General info
- - Specification
- - DOM L3 {{deprecated_inline()}}
- - Interface
- - KeyboardEvent
- - Bubbles
- - Yes
- - Cancelable
- - Yes
- - Target
- - Document, Element
- - Default Action
- - Varies:
keypress
event; launch text composition system; blur
and focus
events; DOMActivate
event; other event
+ - Specification
+ - DOM L3 {{deprecated_inline()}}
+ - Interface
+ - KeyboardEvent
+ - Bubbles
+ - Yes
+ - Cancelable
+ - Yes
+ - Target
+ - Document, Element
+ - Default Action
+ - Varies:
keypress
event; launch text composition system; blur
and focus
events; DOMActivate
event; other event
Properties
diff --git a/files/zh-cn/web/api/document/lastmodified/index.html b/files/zh-cn/web/api/document/lastmodified/index.html
index a2e6aad34c4a70..df951d43da215b 100644
--- a/files/zh-cn/web/api/document/lastmodified/index.html
+++ b/files/zh-cn/web/api/document/lastmodified/index.html
@@ -26,6 +26,6 @@ 备注
Webkit 返回的时间为 UTC 时间;Gecko 和 IE 返回的时间为本地时区时间。
-{{Compat("api.Document.lastModified")}}
+{{Compat("api.Document.lastModified")}}
diff --git a/files/zh-cn/web/api/document/open/index.html b/files/zh-cn/web/api/document/open/index.html
index f2fd9c5fe46624..5d9d1c70756882 100644
--- a/files/zh-cn/web/api/document/open/index.html
+++ b/files/zh-cn/web/api/document/open/index.html
@@ -7,7 +7,7 @@
- Document.open()
translation_of: Web/API/Document/open
---
-{{APIRef("DOM")}}
+{{APIRef("DOM")}}
Document.open()
方法打开一个要写入的文档。
diff --git a/files/zh-cn/web/api/document/touchend_event/index.html b/files/zh-cn/web/api/document/touchend_event/index.html
index 7c428616f99888..d4b3b3db067437 100644
--- a/files/zh-cn/web/api/document/touchend_event/index.html
+++ b/files/zh-cn/web/api/document/touchend_event/index.html
@@ -8,18 +8,18 @@
常规信息
- - 规范
- - Touch Events
- - 接口
- - TouchEvent
- - 是否冒泡
- - Yes
- - 能否取消默认行为
- - Yes
- - 目标
- - Document, Element
- - 默认行为
- - 无
+ - 规范
+ - Touch Events
+ - 接口
+ - TouchEvent
+ - 是否冒泡
+ - Yes
+ - 能否取消默认行为
+ - Yes
+ - 目标
+ - Document, Element
+ - 默认行为
+ - 无
属性
diff --git a/files/zh-cn/web/api/document/touchmove_event/index.html b/files/zh-cn/web/api/document/touchmove_event/index.html
index 379423a9e34dc6..d17c741f8c1fdc 100644
--- a/files/zh-cn/web/api/document/touchmove_event/index.html
+++ b/files/zh-cn/web/api/document/touchmove_event/index.html
@@ -11,18 +11,18 @@
常规信息
- - 规范
- - Touch Events
- - 接口
- - {{domxref("TouchEvent")}}
- - 是否冒泡
- - Yes
- - 能否取消默认行为
- - Yes
- - 目标
- - Document, Element
- - 默认行为
- - 无
+ - 规范
+ - Touch Events
+ - 接口
+ - {{domxref("TouchEvent")}}
+ - 是否冒泡
+ - Yes
+ - 能否取消默认行为
+ - Yes
+ - 目标
+ - Document, Element
+ - 默认行为
+ - 无
属性
diff --git a/files/zh-cn/web/api/document/visibilitychange_event/index.html b/files/zh-cn/web/api/document/visibilitychange_event/index.html
index a0a00a5b319889..71e4423c45d1c8 100644
--- a/files/zh-cn/web/api/document/visibilitychange_event/index.html
+++ b/files/zh-cn/web/api/document/visibilitychange_event/index.html
@@ -14,18 +14,18 @@
概述
- - Specification
- - {{SpecName("Page Visibility API")}}
- - Interface
- - {{domxref("event")}}
- - Bubbles
- - Yes
- - Cancelable
- - No
- - Target
- - {{domxref("Document")}}
- - Default Action
- - None
+ - Specification
+ - {{SpecName("Page Visibility API")}}
+ - Interface
+ - {{domxref("event")}}
+ - Bubbles
+ - Yes
+ - Cancelable
+ - No
+ - Target
+ - {{domxref("Document")}}
+ - Default Action
+ - None
使用说明
diff --git a/files/zh-cn/web/api/dragevent/dragevent/index.html b/files/zh-cn/web/api/dragevent/dragevent/index.html
index 8414eec2ab8d87..c2901903f93ae6 100644
--- a/files/zh-cn/web/api/dragevent/dragevent/index.html
+++ b/files/zh-cn/web/api/dragevent/dragevent/index.html
@@ -7,9 +7,9 @@
This constructor is used to create a synthetic {{domxref("DragEvent")}} object.
-Although this interface has a constructor, it is not possible to create a useful {{domxref("DataTransfer")}} object from script, since {{domxref("DataTransfer")}} objects have a processing and security model that is coordinated by the browser during drag-and-drops.
+Although this interface has a constructor, it is not possible to create a useful {{domxref("DataTransfer")}} object from script, since {{domxref("DataTransfer")}} objects have a processing and security model that is coordinated by the browser during drag-and-drops.
-该接口继承了 {{domxref("MouseEvent")}} 和 {{domxref("Event")}} 的属性。
+该接口继承了 {{domxref("MouseEvent")}} 和 {{domxref("Event")}} 的属性。
语法
@@ -32,7 +32,7 @@ 参数
-The DragEventInit
dictionary inherits from the {{domxref("MouseEvent.MouseEvent","MouseEventInit dictionary")}}.
+The DragEventInit
dictionary inherits from the {{domxref("MouseEvent.MouseEvent","MouseEventInit dictionary")}}.
标准
diff --git a/files/zh-cn/web/api/dragevent/index.html b/files/zh-cn/web/api/dragevent/index.html
index 9ec5c6840785c2..224e730597faa6 100644
--- a/files/zh-cn/web/api/dragevent/index.html
+++ b/files/zh-cn/web/api/dragevent/index.html
@@ -7,7 +7,7 @@
DragEvent
是一个表示拖、放交互的一个{{domxref("Event","DOM event")}} 接口。用户通过将指针设备(例如鼠标)放置在触摸表面上并且然后将指针拖动到新位置(诸如另一个 DOM 元素)来发起拖动。 应用程序可以按应用程序特定的方式自由解释拖放交互。
-这个接口继承 {{domxref("MouseEvent")}} 和{{domxref("Event")}}属性
+这个接口继承 {{domxref("MouseEvent")}} 和{{domxref("Event")}}属性
属性
@@ -18,7 +18,7 @@ 属性
构造函数
-虽然这个接口有一个构造函数,但不可能从脚本创建一个有用的 DataTransfer 对象,因为在拖放期间,有一个由浏览器分配的一个处理中和安全模式的{{domxref("DataTransfer")}}对象。
+虽然这个接口有一个构造函数,但不可能从脚本创建一个有用的 DataTransfer 对象,因为在拖放期间,有一个由浏览器分配的一个处理中和安全模式的{{domxref("DataTransfer")}}对象。
- {{domxref("DragEvent.DragEvent", "DragEvent()")}}
diff --git a/files/zh-cn/web/api/element/clientleft/index.html b/files/zh-cn/web/api/element/clientleft/index.html
index 9632558b3fcbca..6a3b808b504f4f 100644
--- a/files/zh-cn/web/api/element/clientleft/index.html
+++ b/files/zh-cn/web/api/element/clientleft/index.html
@@ -20,13 +20,13 @@ 示例
-
padding-top
+
padding-top
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
padding-bottom
+
padding-bottom
Left Top Right Bottom margin-top margin-bottom border-top border-bottom
diff --git a/files/zh-cn/web/api/element/clienttop/index.html b/files/zh-cn/web/api/element/clienttop/index.html
index 24ae493df0df5b..e2eadd4e90ba4d 100644
--- a/files/zh-cn/web/api/element/clienttop/index.html
+++ b/files/zh-cn/web/api/element/clienttop/index.html
@@ -21,7 +21,7 @@ 示例
-
padding-top
+
padding-top
Gentle, individualistic and very loyal, Birman cats fall between Siamese and Persian in character. If you admire cats that are non aggressive, that enjoy being with humans and tend to be on the quiet side, you may well find that Birman cats are just the felines for you.
@@ -29,7 +29,7 @@
示例
Cat image and text coming from www.best-cat-art.com
-
padding-bottom
+
padding-bottom
LeftTopRightBottommargin-topmargin-bottomborder-topborder-bottom
diff --git a/files/zh-cn/web/api/element/copy_event/index.html b/files/zh-cn/web/api/element/copy_event/index.html
index 6c1a0092590801..03a9f0927c25bc 100644
--- a/files/zh-cn/web/api/element/copy_event/index.html
+++ b/files/zh-cn/web/api/element/copy_event/index.html
@@ -13,18 +13,18 @@
基本信息
- - Specification
- - Clipboard
- - Interface
- - {{domxref("ClipboardEvent")}}
- - Bubbles
- - Yes
- - Cancelable
- - Yes
- - Target
- - {{domxref("Element")}}:获得焦点的元素(如{{domxref("HTMLElement.contentEditable","contentEditable")}}内容能编辑或者可以选中的元素),或{{HTMLElement("body")}}。
- - Default Action
- - 见下文。
+ - Specification
+ - Clipboard
+ - Interface
+ - {{domxref("ClipboardEvent")}}
+ - Bubbles
+ - Yes
+ - Cancelable
+ - Yes
+ - Target
+ - {{domxref("Element")}}:获得焦点的元素(如{{domxref("HTMLElement.contentEditable","contentEditable")}}内容能编辑或者可以选中的元素),或{{HTMLElement("body")}}。
+ - Default Action
+ - 见下文。
调用{{domxref("DataTransfer.setData","setData(format, data)")}}可以修改{{domxref("ClipboardEvent.clipboardData")}}事件的默认行为:
diff --git a/files/zh-cn/web/api/element/cut_event/index.html b/files/zh-cn/web/api/element/cut_event/index.html
index ecd359f02f112c..dfacb1a21ffb29 100644
--- a/files/zh-cn/web/api/element/cut_event/index.html
+++ b/files/zh-cn/web/api/element/cut_event/index.html
@@ -19,18 +19,18 @@
基本信息
- - 规范
- - Clipboard
- - 接口
- - {{domxref("ClipboardEvent")}}
- - 是否冒泡
- - Yes
- - 可取消默认行为
- - Yes
- - 目标对象
- - {{domxref("DefaultView")}}, {{domxref("Document")}}, {{domxref("Element")}}
- - 默认行为
- - None
+ - 规范
+ - Clipboard
+ - 接口
+ - {{domxref("ClipboardEvent")}}
+ - 是否冒泡
+ - Yes
+ - 可取消默认行为
+ - Yes
+ - 目标对象
+ - {{domxref("DefaultView")}}, {{domxref("Document")}}, {{domxref("Element")}}
+ - 默认行为
+ - None
属性
diff --git a/files/zh-cn/web/api/element/dblclick_event/index.html b/files/zh-cn/web/api/element/dblclick_event/index.html
index f1e91c447816f3..919f8f86e7ca54 100644
--- a/files/zh-cn/web/api/element/dblclick_event/index.html
+++ b/files/zh-cn/web/api/element/dblclick_event/index.html
@@ -10,18 +10,18 @@
常规信息
- - 规范
- - DOM L3
- - 接口
- - {{domxref("MouseEvent")}}
- - 是否冒泡
- - 是
- - 可取消默认行为
- - 是
- - 目标对象
- - 元素(Element)
- - 默认行为
- - 多种:开始 drag/drop 操作;开始文本选择、开始滚动或移动操作(若支持该操作时,可与鼠标中键协同)
+ - 规范
+ - DOM L3
+ - 接口
+ - {{domxref("MouseEvent")}}
+ - 是否冒泡
+ - 是
+ - 可取消默认行为
+ - 是
+ - 目标对象
+ - 元素(Element)
+ - 默认行为
+ - 多种:开始 drag/drop 操作;开始文本选择、开始滚动或移动操作(若支持该操作时,可与鼠标中键协同)
属性
diff --git a/files/zh-cn/web/api/element/domactivate_event/index.html b/files/zh-cn/web/api/element/domactivate_event/index.html
index b0f129f8ccb6d5..6ca0b199be81ae 100644
--- a/files/zh-cn/web/api/element/domactivate_event/index.html
+++ b/files/zh-cn/web/api/element/domactivate_event/index.html
@@ -20,23 +20,23 @@
- Bubbles
+ Bubbles
|
- Yes
+ Yes
|
- Cancelable
+ Cancelable
|
- Yes
+ Yes
|
- Interface
+ Interface
|
{{domxref("MouseEvent")}}
diff --git a/files/zh-cn/web/api/element/focus_event/index.html b/files/zh-cn/web/api/element/focus_event/index.html
index 133f175d719d65..7f8902b8ee9978 100644
--- a/files/zh-cn/web/api/element/focus_event/index.html
+++ b/files/zh-cn/web/api/element/focus_event/index.html
@@ -9,18 +9,18 @@
基本信息
- - 规范
- - DOM L3
- - 接口
- - {{ domxref("FocusEvent") }}
- - 是否冒泡
- - 否
- - 能否取消默认
- - 否
- - 事件目标
- - Element
- - 默认行为
- - 无。
+ - 规范
+ - DOM L3
+ - 接口
+ - {{ domxref("FocusEvent") }}
+ - 是否冒泡
+ - 否
+ - 能否取消默认
+ - 否
+ - 事件目标
+ - Element
+ - 默认行为
+ - 无。
注释:这里的接口是指 {{ domxref("Event") }} prior to Gecko 24 {{ geckoRelease(24) }}. ({{ bug(855741) }})
diff --git a/files/zh-cn/web/api/element/focusout_event/index.html b/files/zh-cn/web/api/element/focusout_event/index.html
index 3696616839f46c..11102cf77772f5 100644
--- a/files/zh-cn/web/api/element/focusout_event/index.html
+++ b/files/zh-cn/web/api/element/focusout_event/index.html
@@ -9,18 +9,18 @@
基本信息
- - Specification
- - DOM L3
- - Interface
- - {{domxref("FocusEvent")}}
- - Bubbles
- - Yes
- - Cancelable
- - No
- - Target
- - Element
- - Default Action
- - None.
+ - Specification
+ - DOM L3
+ - Interface
+ - {{domxref("FocusEvent")}}
+ - Bubbles
+ - Yes
+ - Cancelable
+ - No
+ - Target
+ - Element
+ - Default Action
+ - None.
属性
diff --git a/files/zh-cn/web/api/element/mousedown_event/index.html b/files/zh-cn/web/api/element/mousedown_event/index.html
index 5569ddf67ac3a3..18e16460b5d8af 100644
--- a/files/zh-cn/web/api/element/mousedown_event/index.html
+++ b/files/zh-cn/web/api/element/mousedown_event/index.html
@@ -10,18 +10,18 @@
常规信息
- - 规范
- - DOM L3
- - 接口
- - {{domxref("MouseEvent")}}
- - 是否冒泡
- - 是
- - 可取消默认行为
- - 是
- - 目标对象
- - 元素(Element)
- - 默认行为
- - 多种:开始 drag/drop 操作;开始文本选择、开始滚动或移动操作(若支持该操作时,可与鼠标中键协同)
+ - 规范
+ - DOM L3
+ - 接口
+ - {{domxref("MouseEvent")}}
+ - 是否冒泡
+ - 是
+ - 可取消默认行为
+ - 是
+ - 目标对象
+ - 元素(Element)
+ - 默认行为
+ - 多种:开始 drag/drop 操作;开始文本选择、开始滚动或移动操作(若支持该操作时,可与鼠标中键协同)
属性
diff --git a/files/zh-cn/web/api/element/mouseenter_event/index.html b/files/zh-cn/web/api/element/mouseenter_event/index.html
index dce01740caf8e8..e1a67b4e94a41d 100644
--- a/files/zh-cn/web/api/element/mouseenter_event/index.html
+++ b/files/zh-cn/web/api/element/mouseenter_event/index.html
@@ -28,20 +28,20 @@
General info
- - Specification
- - DOM L3
- - Interface
- - {{domxref('MouseEvent')}}
- - Synchronicity
- - Synchronous
- - Bubbles
- - No
- - Cancelable
- - No
- - Target
- - Element
- - Default Action
- - None
+ - Specification
+ - DOM L3
+ - Interface
+ - {{domxref('MouseEvent')}}
+ - Synchronicity
+ - Synchronous
+ - Bubbles
+ - No
+ - Cancelable
+ - No
+ - Target
+ - Element
+ - Default Action
+ - None
Properties 属性列表
diff --git a/files/zh-cn/web/api/element/mouseleave_event/index.html b/files/zh-cn/web/api/element/mouseleave_event/index.html
index 839edb9336e4e0..16daa354790f8b 100644
--- a/files/zh-cn/web/api/element/mouseleave_event/index.html
+++ b/files/zh-cn/web/api/element/mouseleave_event/index.html
@@ -159,7 +159,7 @@ 例子
以下示例说明了如何使用mouseout 来模拟mouseleave 事件的事件委托原则。
-
+
<ul id="test">
<li>
diff --git a/files/zh-cn/web/api/element/outerhtml/index.html b/files/zh-cn/web/api/element/outerhtml/index.html
index 906b4ed2347d1c..e5bb0ff0948696 100644
--- a/files/zh-cn/web/api/element/outerhtml/index.html
+++ b/files/zh-cn/web/api/element/outerhtml/index.html
@@ -91,7 +91,7 @@ 注意事项
// 仍然为: "P";
-
+
规范
diff --git a/files/zh-cn/web/api/element/scrolltop/index.html b/files/zh-cn/web/api/element/scrolltop/index.html
index 75bf5ad8a3d237..946a3b220d0f19 100644
--- a/files/zh-cn/web/api/element/scrolltop/index.html
+++ b/files/zh-cn/web/api/element/scrolltop/index.html
@@ -42,13 +42,13 @@ 例子
- padding-top
+ padding-top
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- padding-bottom
+ padding-bottom
Left Top Right Bottom margin-top margin-bottom border-top border-bottom
diff --git a/files/zh-cn/web/api/element/show_event/index.html b/files/zh-cn/web/api/element/show_event/index.html
index 8fc4e5c7c636bb..11ba894886b3a8 100644
--- a/files/zh-cn/web/api/element/show_event/index.html
+++ b/files/zh-cn/web/api/element/show_event/index.html
@@ -8,18 +8,18 @@
基本信息
- - 标准
- - HTML5
- - 接口
- - Event
- - 冒泡
- - 否
- - 可关闭
- - 否
- - 触发对象
- - Element
- - 默认动作
- - 显示由相关目录元素创建的上下文目录
+ - 标准
+ - HTML5
+ - 接口
+ - Event
+ - 冒泡
+ - 否
+ - 可关闭
+ - 否
+ - 触发对象
+ - Element
+ - 默认动作
+ - 显示由相关目录元素创建的上下文目录
属性
diff --git a/files/zh-cn/web/api/element/wheel_event/index.html b/files/zh-cn/web/api/element/wheel_event/index.html
index 9856ee2619a37e..bc56d32edc7a7c 100644
--- a/files/zh-cn/web/api/element/wheel_event/index.html
+++ b/files/zh-cn/web/api/element/wheel_event/index.html
@@ -10,18 +10,18 @@
概要
- - 接口
- - {{domxref("WheelEvent")}}
- - 同步性
- - 异步
- - 事件冒泡
- - 是
- - 可取消
- - 是
- - 目标元素
- - defaultView, Document, Element
- - 默认行为
- - 滚动,历史记录切换,或者放大/缩小。
+ - 接口
+ - {{domxref("WheelEvent")}}
+ - 同步性
+ - 异步
+ - 事件冒泡
+ - 是
+ - 可取消
+ - 是
+ - 目标元素
+ - defaultView, Document, Element
+ - 默认行为
+ - 滚动,历史记录切换,或者放大/缩小。
属性
diff --git a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
index f4d19549ba2eb6..bdf0d865ed9555 100644
--- a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
+++ b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html
@@ -120,7 +120,7 @@ 示例
添加一个简单的监听器
-下面这个例子用来展示如何使用 addEventListener() 监听鼠标点击一个元素。
+下面这个例子用来展示如何使用 addEventListener() 监听鼠标点击一个元素。
<table id="outside">
<tr><td id="t1">one</td></tr>
diff --git a/files/zh-cn/web/api/gestureevent/index.html b/files/zh-cn/web/api/gestureevent/index.html
index 80ad1fc3905cf4..4f0ee484ca27be 100644
--- a/files/zh-cn/web/api/gestureevent/index.html
+++ b/files/zh-cn/web/api/gestureevent/index.html
@@ -3,7 +3,7 @@
slug: Web/API/GestureEvent
translation_of: Web/API/GestureEvent
---
-{{APIRef("DOM Events")}}
+{{APIRef("DOM Events")}}
{{Non-standard_header()}}
diff --git a/files/zh-cn/web/api/headers/delete/index.html b/files/zh-cn/web/api/headers/delete/index.html
index 7d2ab47f8f53c6..66ca947d047e06 100644
--- a/files/zh-cn/web/api/headers/delete/index.html
+++ b/files/zh-cn/web/api/headers/delete/index.html
@@ -15,10 +15,10 @@
- Note:出于安全原因,部分头信息只能被用户代理控制。这些头信息包括 {{Glossary("Forbidden_header_name", "forbidden header names", 1)}} 和 {{Glossary("Forbidden_response_header_name", "forbidden response header names", 1)}}.
+ Note:出于安全原因,部分头信息只能被用户代理控制。这些头信息包括 {{Glossary("Forbidden_header_name", "forbidden header names", 1)}} 和 {{Glossary("Forbidden_response_header_name", "forbidden response header names", 1)}}.
-Syntax
+Syntax
myHeaders.delete(name);
diff --git a/files/zh-cn/web/api/html_drag_and_drop_api/drag_operations/index.html b/files/zh-cn/web/api/html_drag_and_drop_api/drag_operations/index.html
index dc6b8f1615d928..7fc9633acad4d7 100644
--- a/files/zh-cn/web/api/html_drag_and_drop_api/drag_operations/index.html
+++ b/files/zh-cn/web/api/html_drag_and_drop_api/drag_operations/index.html
@@ -15,7 +15,7 @@
本文描述了拖放操作中发生的步骤。
-本文档中描述的拖动操作使用 {{domxref("DataTransfer")}} 接口。本文档不使用 {{domxref("DataTransferItem")}} 接口和 {{domxref("DataTransferItemList")}} 接口。
+本文档中描述的拖动操作使用 {{domxref("DataTransfer")}} 接口。本文档不使用 {{domxref("DataTransferItem")}} 接口和 {{domxref("DataTransferItemList")}} 接口。
可拖拽(draggable )属性
diff --git a/files/zh-cn/web/api/html_drag_and_drop_api/file_drag_and_drop/index.html b/files/zh-cn/web/api/html_drag_and_drop_api/file_drag_and_drop/index.html
index c1a608289c095c..5f22e7cc147642 100644
--- a/files/zh-cn/web/api/html_drag_and_drop_api/file_drag_and_drop/index.html
+++ b/files/zh-cn/web/api/html_drag_and_drop_api/file_drag_and_drop/index.html
@@ -9,7 +9,7 @@
拖放的主要步骤是为 {{event("drop")}} 事件定义一个释放区(释放文件的目标元素) 和为{{event("dragover")}}事件定义一个事件处理程序。下面描述了这些步骤,包括示例程序片段。完整的源码在MDN's drag-and-drop repository (欢迎提交 pull requests 和/或 issues).
-注意: {{domxref("HTML_Drag_and_Drop_API","HTML drag and drop")}}定义了两套不同的 API 来支持拖放文件。一个{{domxref("DataTransfer")}}接口和另一个{{domxref("DataTransferItem")}}与{{domxref("DataTransferItemList")}}接口。这个示例介绍了这两种 API 的用法 (没有使用任何 Gecko 专用的接口)。
+注意: {{domxref("HTML_Drag_and_Drop_API","HTML drag and drop")}}定义了两套不同的 API 来支持拖放文件。一个{{domxref("DataTransfer")}}接口和另一个{{domxref("DataTransferItem")}}与{{domxref("DataTransferItemList")}}接口。这个示例介绍了这两种 API 的用法 (没有使用任何 Gecko 专用的接口)。
定义拖放区域
diff --git a/files/zh-cn/web/api/html_drag_and_drop_api/index.html b/files/zh-cn/web/api/html_drag_and_drop_api/index.html
index b87ed5809d10a4..f21bc7280f50e8 100644
--- a/files/zh-cn/web/api/html_drag_and_drop_api/index.html
+++ b/files/zh-cn/web/api/html_drag_and_drop_api/index.html
@@ -78,7 +78,7 @@ 拖拽事件
|
-注意:当从操作系统向浏览器中拖拽文件时,不会触发 dragstart
和dragend
事件。
+注意:当从操作系统向浏览器中拖拽文件时,不会触发 dragstart
和dragend
事件。
接口
@@ -96,7 +96,7 @@ 接口
{{domxref("DataTransfer")}} 和 {{domxref("DataTransferItem")}} 接口的一个主要的不同是前者使用同步的 {{domxref("DataTransfer.getData","getData()")}} 方法去得到拖拽项的数据,而后者使用异步的 {{domxref("DataTransferItem.getAsString","getAsString()")}} 方法得到拖拽项的数据。
-注意: {{domxref("DragEvent")}} 和 {{domxref("DataTransfer")}} 接口是所有桌面浏览器都支持的。但是, {{domxref("DataTransferItem")}} 和{{domxref("DataTransferItemList")}} 接口并不被所有浏览器支持。请移步 互操作性 了解更多关于拖拽行为的信息。
+注意: {{domxref("DragEvent")}} 和 {{domxref("DataTransfer")}} 接口是所有桌面浏览器都支持的。但是, {{domxref("DataTransferItem")}} 和{{domxref("DataTransferItemList")}} 接口并不被所有浏览器支持。请移步 互操作性 了解更多关于拖拽行为的信息。
Gecko 专用接口
diff --git a/files/zh-cn/web/api/html_drag_and_drop_api/multiple_items/index.html b/files/zh-cn/web/api/html_drag_and_drop_api/multiple_items/index.html
index 2734794eee4f9c..28751fee4908d9 100644
--- a/files/zh-cn/web/api/html_drag_and_drop_api/multiple_items/index.html
+++ b/files/zh-cn/web/api/html_drag_and_drop_api/multiple_items/index.html
@@ -12,7 +12,7 @@
Mozilla 提供了一些额外的非标准方法来支持多个元素的拖拽。这些方法中映射了 {{domxref("DataTransfer.types","types")}} 属性以及 {{domxref("DataTransfer.getData","getData()")}},{{domxref("DataTransfer.setData","setData()")}} 和 {{domxref("DataTransfer.clearData","clearData()")}} 方法。不过,这些方法可以接受额外的参数来指定需要获取、修改或是移除的元素的下标。
-本文中描述的拖拽过程均使用 {{domxref("DataTransfer")}} 接口。该过程不会使用 {{domxref("DataTransferItem")}} 接口,也不会使用 {{domxref("DataTransferItemList")}} 接口。
+本文中描述的拖拽过程均使用 {{domxref("DataTransfer")}} 接口。该过程不会使用 {{domxref("DataTransferItem")}} 接口,也不会使用 {{domxref("DataTransferItemList")}} 接口。
基于索引的添加和获取
@@ -30,7 +30,7 @@ 基于索引的添加和获取
event.dataTransfer.mozClearDataAt("text/plain", 1);
-注意:移除一个元素中的全部类型的数据项后将会使整个元素移除,导致后面的元素往前移动,索引将会产生变化(相应减小)。 例如:
+注意:移除一个元素中的全部类型的数据项后将会使整个元素移除,导致后面的元素往前移动,索引将会产生变化(相应减小)。 例如:
var dt = event.dataTransfer;
dt.mozSetDataAt("text/uri-list", "URL1", 0);
diff --git a/files/zh-cn/web/api/html_drag_and_drop_api/recommended_drag_types/index.html b/files/zh-cn/web/api/html_drag_and_drop_api/recommended_drag_types/index.html
index 8b1f47351b62bb..8b62706504941a 100644
--- a/files/zh-cn/web/api/html_drag_and_drop_api/recommended_drag_types/index.html
+++ b/files/zh-cn/web/api/html_drag_and_drop_api/recommended_drag_types/index.html
@@ -25,7 +25,7 @@ 拖动文字
如果应用和拖动目标不支持其它类型,推荐你使用 text/plain
类型的数据进行填充,否则将没有默认的替代文字。建议总是在最后添加原始文字类型的数据做为备选项(译者 plter 注:如果拖动开始时没有设置数据,则在有些浏览器中后续拖动相关事件可能不会触发)。
-注:在旧代码中,可能会使用 text/unicode
或者 Text
类型, 这两个与 text/plain
是一样的,并且应该被替换用于存储和提取数据。
+注:在旧代码中,可能会使用 text/unicode
或者 Text
类型, 这两个与 text/plain
是一样的,并且应该被替换用于存储和提取数据。
拖动链接
@@ -38,7 +38,7 @@ 拖动链接
As usual, set the text/plain
type last as it is less specific than the uri type.
-Note: the URL type is uri-list
with an 'I', not with an 'L'.
+Note: the URL type is uri-list
with an 'I', not with an 'L'.
To drag multiple links, you can also separate each link with a linebreak. A line that begins with a number sign (#) is a comment and should not be considered a valid URL. You can use a comment to indicate the purpose of a link, or to hold the title associated with a link. The text/plain
version of the drag data should include all links but should not include the comments.
diff --git a/files/zh-cn/web/api/htmlcanvaselement/mozopaque/index.html b/files/zh-cn/web/api/htmlcanvaselement/mozopaque/index.html
index 3a7cc4783ea912..a8dfbd7d2a34ef 100644
--- a/files/zh-cn/web/api/htmlcanvaselement/mozopaque/index.html
+++ b/files/zh-cn/web/api/htmlcanvaselement/mozopaque/index.html
@@ -11,7 +11,7 @@
非标准的 HTMLCanvasElement.mozOpaque
是一种 {{jsxref("Boolean")}} 的数据反映了{{HTMLElement("canvas")}}元素的{htmlattrxref("moz-opaque", "canvas")} HTML 属性。它能够让画布(canvas)将半透明作为一个参考因素。如果画布知道没有半透明因素,作画的性能可以优化。
-当使用{{domxref("HTMLCanvasElement.getContext()")}}创建绘图上下文时,该 api 将被标准化为将 alpha 选项设置为 false。应该避免使用 mozOpaque。Firefox 将在未来停止支持它。
+当使用{{domxref("HTMLCanvasElement.getContext()")}}创建绘图上下文时,该 api 将被标准化为将 alpha 选项设置为 false。应该避免使用 mozOpaque。Firefox 将在未来停止支持它。
语法
diff --git a/files/zh-cn/web/api/htmldocument/index.html b/files/zh-cn/web/api/htmldocument/index.html
index 6c3e5f952abcdf..b17413c3b7c644 100644
--- a/files/zh-cn/web/api/htmldocument/index.html
+++ b/files/zh-cn/web/api/htmldocument/index.html
@@ -3,13 +3,13 @@
slug: Web/API/HTMLDocument
translation_of: Web/API/HTMLDocument
---
-{{ APIRef("HTML DOM") }}
+{{ APIRef("HTML DOM") }}
-HTMLDocument
是 DOM 的一个抽象接口,它提供了 XML 文档里没有出现的特殊属性和方法。
+HTMLDocument
是 DOM 的一个抽象接口,它提供了 XML 文档里没有出现的特殊属性和方法。
-它的属性和方法包含在 {{domxref("Document")}} 接口页面中,并且每个属性和方法都分成小节进行了介绍。
+它的属性和方法包含在 {{domxref("Document")}} 接口页面中,并且每个属性和方法都分成小节进行了介绍。
-HTMLDocument 对象继承了 Document 接口和 HTMLDocument 接口。因此它有比 Document 更多的属性。并且与 XMLDocument 不同的是,HTMLDocument 是具有外观的,并且要管理它后代的 HTMLElement。
+HTMLDocument 对象继承了 Document 接口和 HTMLDocument 接口。因此它有比 Document 更多的属性。并且与 XMLDocument 不同的是,HTMLDocument 是具有外观的,并且要管理它后代的 HTMLElement。
规范
diff --git a/files/zh-cn/web/api/htmlelement/animationend_event/index.html b/files/zh-cn/web/api/htmlelement/animationend_event/index.html
index 85c1303f2829b5..1f9cf2a40a8f42 100644
--- a/files/zh-cn/web/api/htmlelement/animationend_event/index.html
+++ b/files/zh-cn/web/api/htmlelement/animationend_event/index.html
@@ -17,18 +17,18 @@
常规信息
- - 规范
- - {{SpecName("CSS3 Animations")}}
- - 接口
- - {{domxref("AnimationEvent")}}
- - 是否冒泡
- - 是
- - 事件可取消
- - 否
- - 目标
- - {{domxref("Document")}}, {{domxref("Element")}}, {{domxref("Window")}}
- - 默认行为
- - 无
+ - 规范
+ - {{SpecName("CSS3 Animations")}}
+ - 接口
+ - {{domxref("AnimationEvent")}}
+ - 是否冒泡
+ - 是
+ - 事件可取消
+ - 否
+ - 目标
+ - {{domxref("Document")}}, {{domxref("Element")}}, {{domxref("Window")}}
+ - 默认行为
+ - 无
属性表
diff --git a/files/zh-cn/web/api/htmlelement/animationstart_event/index.html b/files/zh-cn/web/api/htmlelement/animationstart_event/index.html
index 3f2092239a3307..28764942cb920f 100644
--- a/files/zh-cn/web/api/htmlelement/animationstart_event/index.html
+++ b/files/zh-cn/web/api/htmlelement/animationstart_event/index.html
@@ -17,18 +17,18 @@
基本信息
- - 规格
- - CSS Animations
- - 接口
- - AnimationEvent
- - 是否冒泡
- - 是
- - 事件可取消
- - 否
- - 目标
- - Document, Element
- - 默认行为
- - 无
+ - 规格
+ - CSS Animations
+ - 接口
+ - AnimationEvent
+ - 是否冒泡
+ - 是
+ - 事件可取消
+ - 否
+ - 目标
+ - Document, Element
+ - 默认行为
+ - 无
属性表
diff --git a/files/zh-cn/web/api/htmlelement/iscontenteditable/index.html b/files/zh-cn/web/api/htmlelement/iscontenteditable/index.html
index 7195d49a90a6d9..73529ff5aa894b 100644
--- a/files/zh-cn/web/api/htmlelement/iscontenteditable/index.html
+++ b/files/zh-cn/web/api/htmlelement/iscontenteditable/index.html
@@ -56,4 +56,4 @@ contenteditable
-
+
diff --git a/files/zh-cn/web/api/htmlformelement/reset_event/index.html b/files/zh-cn/web/api/htmlformelement/reset_event/index.html
index 68fd8cf66397ed..ce7c2e70bfe72c 100644
--- a/files/zh-cn/web/api/htmlformelement/reset_event/index.html
+++ b/files/zh-cn/web/api/htmlformelement/reset_event/index.html
@@ -8,18 +8,18 @@
综合信息
- - Specification
- - HTML5
- - Interface
- - {{domxref("Event")}}
- - Bubbles
- - 是(可以指定不发生冒泡的简单事件)
- - Cancelable
- - 是
- - Target
- - Element
- - 默认行为
- - 重置父表单元素所有的值。
+ - Specification
+ - HTML5
+ - Interface
+ - {{domxref("Event")}}
+ - Bubbles
+ - 是(可以指定不发生冒泡的简单事件)
+ - Cancelable
+ - 是
+ - Target
+ - Element
+ - 默认行为
+ - 重置父表单元素所有的值。
属性
diff --git a/files/zh-cn/web/api/htmlformelement/submit_event/index.html b/files/zh-cn/web/api/htmlformelement/submit_event/index.html
index cccdd2d57bc515..c4b38ab0be1a2e 100644
--- a/files/zh-cn/web/api/htmlformelement/submit_event/index.html
+++ b/files/zh-cn/web/api/htmlformelement/submit_event/index.html
@@ -15,18 +15,18 @@
General info
- - Specification
- - HTML5
- - Interface
- - {{domxref("Event")}}
- - Bubbles
- - Yes (although specified as a simple event that doesn't bubble)
- - Cancelable
- - Yes
- - Target
- - Element
- - Default Action
- - Varies (send the content of the form to the server).
+ - Specification
+ - HTML5
+ - Interface
+ - {{domxref("Event")}}
+ - Bubbles
+ - Yes (although specified as a simple event that doesn't bubble)
+ - Cancelable
+ - Yes
+ - Target
+ - Element
+ - Default Action
+ - Varies (send the content of the form to the server).
Properties
diff --git a/files/zh-cn/web/api/htmlinputelement/index.html b/files/zh-cn/web/api/htmlinputelement/index.html
index e54455707bc55e..06ec646120ba72 100644
--- a/files/zh-cn/web/api/htmlinputelement/index.html
+++ b/files/zh-cn/web/api/htmlinputelement/index.html
@@ -77,7 +77,7 @@ 属性
value |
string: 返回/ 设置 当前控件的值.
- 提示: 如果用户输入与预期不同,可能会返回空.
+ 提示: 如果用户输入与预期不同,可能会返回空.
|