diff options
9 files changed, 7 insertions, 103 deletions
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index e6b7dd8925..b2bb370f12 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -282,7 +282,6 @@ /zh-CN/docs/DOM/HTMLCanvasElement /zh-CN/docs/Web/API/HTMLCanvasElement /zh-CN/docs/DOM/HTMLDocument /zh-CN/docs/Web/API/HTMLDocument /zh-CN/docs/DOM/HTMLFieldSetElement /zh-CN/docs/Web/API/HTMLFieldSetElement -/zh-CN/docs/DOM/HTML_in_XMLHttpRequest /zh-CN/docs/HTML_in_XMLHttpRequest /zh-CN/docs/DOM/ImageData /zh-CN/docs/Web/API/ImageData /zh-CN/docs/DOM/Input.mozSetFileNameArray /zh-CN/docs/Web/API/HTMLInputElement/mozSetFileNameArray /zh-CN/docs/DOM/KeyboardEvent /zh-CN/docs/Web/API/KeyboardEvent diff --git a/files/zh-cn/html_in_xmlhttprequest/index.html b/files/zh-cn/html_in_xmlhttprequest/index.html deleted file mode 100644 index 77d9eb0822..0000000000 --- a/files/zh-cn/html_in_xmlhttprequest/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: HTML in XMLHttpRequest -slug: HTML_in_XMLHttpRequest ---- -<p>W3C <a class="external" href="http://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html">XMLHttpRequest</a>规范添加了<a href="/en/DOM/XMLHttpRequest" title="en/DOM/XMLHttpRequest"><code>XMLHttpRequest</code></a>对象对HTML解析的支持(原本只支持XML解析).这项特性允许开发者使用<code>XMLHttpRequest</code>来获取一个HTML资源经过解析后的DOM对象.</p> -<h3 id="限制">限制</h3> -<p>为了避免用户使用<code>XMLHttpRequest</code>的同步模式,HTML解析被设计为只支持异步模式.而且,只有当<code>responseType</code>属性被设置为<code>"document"</code>时,HTML解析才会开启.这种限制是为了避免当用户只需要获取 <code>text/html</code>类型资源的<code>responseText</code>属性时浏览器做无用的HTML解析而浪费时间.另外,该限制也同样可以避免在HTTP错误页面(通常是<code>text/html</code>类型的响应)中<code>responseXML</code>属性为空的情况.</p> -<h3 id="用法">用法</h3> -<p>使用<code>XMLHttpRequest</code>时,把HTML资源作为DOM检索和把XML资源作为DOM检索的区别只有两点:1. 不可以使用同步模式. 2. 请求一个文档时,在调用<code>open()</code>方法之后,<code>send()</code>方法之前,必须明确的指定 <code>XMLHttpRequest</code>对象的<code>responseType</code>属性为字符串<code>"document"</code>.</p> -<pre class="brush: js">var xhr = new XMLHttpRequest(); -xhr.onload = function() { - alert(this.responseXML.title); -} -xhr.open("GET", "file.html"); -xhr.responseType = "document"; -xhr.send(); -</pre> -<h3 id="特性检测">特性检测</h3> -<h4 id="方法1">方法1</h4> -<p>此方法依赖于该特性的限制之一,即"强制异步模式".如果在同步模式中将"document"赋值给<code>XMLHttpRequest</code>对象的<code>responseType</code>属性,浏览器将会抛出异常.</p> -<div class="line" id="LC13"> <pre class="brush: js"><span class="kd">function</span> <span class="nx">HTMLinXHR</span><span class="p">()</span> <span class="p">{ -</span> if (!window.XMLHttpRequest) - return false; - var req = new window.XMLHttpRequest(); - req.open('GET', window.location.href, false); - try { - req.responseType = 'document'; - } catch(e) { - return true; - } - return false; -} -</pre> -</div> -<p>{{ JSFiddleLink('HTcKP/1/') }}</p> -<p>该方法是同步执行的,并且不需要依赖任何外部资源.但是,由于该方法是间接的检测浏览器是否支持<code>XMLHttpRequest</code>对象的HTML解析特性,所以下面的检测方法2可能更加直接更加可靠一点.</p><h4 id="方法2">方法2</h4> -<p>如何准确的检测浏览器是否支持<code>XMLHttpRequest</code>中的HTML解析有两个难点.首先,检测的结果只能在异步模式中获得,因为HTML解析只支持异步模式.其次,你必须真实的通过HTTP协议获取一个文件, 因为,如果使用<code>data:</code>URL,测试会因浏览器是否支持<code>data:</code>URL而受到影响.</p> -<p>因此,要检测浏览器是否支持XMLHttpRequest中的HTML解析,需要在服务器上放置一个测试用的HTML文件,该测试文件体积较小,并且不是格式良好的XML文件:</p> -<pre class="brush: js"><title>&amp;&<</title></pre> -<p>如果该文件被命名为<code>detect.html</code>, 那么下面的函数可以用来检测浏览器是否支持XMLHttpRequest中的HTML解析:</p> -<pre class="brush: js">function detectHtmlInXhr(callback) { - if (!window.XMLHttpRequest) { - window.setTimeout(function() { callback(false); }, 0); - return; - } - var done = false; - var xhr = new window.XMLHttpRequest(); - xhr.onreadystatechange = function() { - if (this.readyState == 4 && !done) { - done = true; - callback(!!(this.responseXML && this.responseXML.title && this.responseXML.title == "&&<")); - } - } - xhr.onabort = xhr.onerror = function() { - if (!done) { - done = true; - callback(false); - } - } - try { - xhr.open("GET", "detect.html"); - xhr.responseType = "document"; - xhr.send(); - } catch (e) { - window.setTimeout(function() { - if (!done) { - done = true; - callback(false); - } - }, 0); - } -} -</pre> -<p>参数<code>callback</code>是一个函数,如果浏览器支持HTML解析,那么该函数被异步调用的时候,<code>true</code>会作为唯一的参数传给<code>callback</code>,不支持的话,<code>false</code> 会作为唯一的参数传给<code>callback.</code></p> -<p>{{ <span class="title">JSFiddleLink }}</span>('xfvXR/1/') </p><h3 id="字符编码">字符编码</h3> -<p>如果HTTP响应头<code>Content-Type</code>字段定义了字符的编码类型, 那么文档的编码类型将指定为该编码. 否则, 如果文档存在BOM(byte order mark), 那么该BOM所表示的编码将会被使用. 再否则, 如果文档的前1024个字节中存在<code>meta</code> 元素,并且指定了文档的编码类型,那么该编码将会被使用.如果这些都没有指定,那么文件将会按UTF-8编码识别.</p> -<h3 id="浏览器兼容性">浏览器兼容性</h3> -<p>{{ CompatibilityTable() }}</p> -<div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari (WebKit)</th> </tr> <tr> <td>Support</td> <td>18</td> <td>11</td> <td>---</td> <td>---</td> <td>{{ compatno() }}<br> (<a class="external" href="http://trac.webkit.org/changeset/103106">535.14</a>)</td> </tr> </tbody> </table> -</div> -<div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Support</td> <td>---</td> <td>11</td> <td>---</td> <td>---</td> <td>---</td> </tr> </tbody> </table> -</div> -<h3 id="规范">规范</h3> -<ul> <li>{{ spec("http://dvcs.w3.org/hg/xhr/raw-file/tip/Overview.html", "XMLHttpRequest", "ED") }}</li> -</ul> -<p>{{ languages({"ja":"ja/HTML_in_XMLHttpRequest","en":"en/HTML_in_XMLHttpRequest"}) }}</p> diff --git a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_styling/index.html b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_styling/index.html index 114a2a15db..a616afc79f 100644 --- a/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_styling/index.html +++ b/files/zh-cn/learn/tools_and_testing/client-side_javascript_frameworks/vue_styling/index.html @@ -5,7 +5,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_st --- <div><font><font>{{LearnSidebar}}</font></font></div> -<div><font><font>{{PreviousMenuNext（“ Learn / Tools_and_testing / Client-side_JavaScript_frameworks / Vue_methods_events_models”，“ Learn / Tools_and_testing / Client-side_JavaScript_frameworks / Vue_computed_properties”，“ Learn / Tools_and_testing / Client-side_JavaScript_frameworks”）}</font></font></div> +<div><font><font>{{PreviousMenuNext("Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models","Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties","Learn/Tools_and_testing/Client-side_JavaScript_frameworks")}}</font></font></div> <p class="summary"><font><font>现在终于到了使我们的应用程序看起来更好的时候了。</font><font>在本文中，我们将探讨使用CSS样式Vue组件的不同方法。</font></font></p> diff --git a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html index 0e10295803..2939825e6b 100644 --- a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html +++ b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/HTMLTableRowElement/rowIndex --- <div><font><font>{{APIRef("HTML DOM")}}</font></font></div> -<p><font><font>的</font></font><strong><code>HTMLTableRowElement.rowIndex</code></strong><font><font>只读属性表示一个行相对于整个位置{{的HtmlElement("表")}}。</font></font></p> +<p><font><font>的</font></font><strong><code>HTMLTableRowElement.rowIndex</code></strong><font><font>只读属性表示一个行相对于整个位置的{{HtmlElement("table")}。</font></font></p> <p><font><font>即使{{HtmlElement("thead")}}，{{HtmlElement("tbody")}}和{{HtmlElement("tfoot")}}}的元素在HTML中乱序显示，浏览器也会以正确的顺序。</font><font>因此，行数从</font></font><code><thead></code><font><font>到</font></font><code><tbody></code><font><font>，从</font></font><code><tbody></code><font><font>到</font></font><code><tfoot></code><font><font>。</font></font></p> diff --git a/files/zh-cn/web/api/location/tostring/index.html b/files/zh-cn/web/api/location/tostring/index.html index 6af60a303c..c975af6b11 100644 --- a/files/zh-cn/web/api/location/tostring/index.html +++ b/files/zh-cn/web/api/location/tostring/index.html @@ -28,8 +28,8 @@ var result = anchor.toString(); // Returns: 'https://developer.mozilla.org/en-US <th scope="col"><font><font>评论</font></font></th> </tr> <tr> - <td><font><font>{{SpecName（'HTML WHATWG'，“＃dom-location-href”）}}</font></font></td> - <td><font><font>{{Spec2（'HTML WHATWG'）}}</font></font></td> + <td><font><font>{{SpecName("HTML WHATWG","＃dom-location-href")}}</font></font></td> + <td><font><font>{{Spec2("HTML WHATWG")}}</font></font></td> <td></td> </tr> </tbody> diff --git a/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html b/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html index 0fd81b1a49..0bf5fce305 100644 --- a/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html +++ b/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaRecorder/ondataavailable --- <p><font><font>{{APIRef("MediaStream Recording")}}</font></font></p> -<p><strong><code>MediaRecorder.ondataavailable </code></strong><font><font>事件处理程序(</font></font>part of the <a href="/en-US/docs/Web/API/MediaStream_Recording_API"><font><font>MediaStream记录API</font></font></a><font><font>)处理{{</font></font>event("<font><font>dataavailable")}}事件，让您在响应运行代码{{domxref("</font></font>Blob<font><font>")}}数据被提供使用。</font></font></p> +<p><strong><code>MediaRecorder.ondataavailable </code></strong><font><font>事件处理程序(</font></font>part of the <a href="/en-US/docs/Web/API/MediaStream_Recording_API"><font><font>MediaStream记录API</font></font></a><font><font>)处理{{event("dataavailable")}}事件，让您在响应运行代码{{domxref("Blob")}}数据被提供使用。</font></font></p> <p><code>dataavailable</code><font><font>当MediaRecorder将媒体数据传递到您的应用程序以供使用时，将触发</font><font>该</font><font>事件。</font><font>数据在包含数据的{{domxref("Blob")}}对象中提供。</font><font>这在四种情况下发生：</font></font></p> diff --git a/files/zh-cn/web/api/svggraphicselement/index.html b/files/zh-cn/web/api/svggraphicselement/index.html index 2b0ae33a27..2993848c2e 100644 --- a/files/zh-cn/web/api/svggraphicselement/index.html +++ b/files/zh-cn/web/api/svggraphicselement/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/SVGGraphicsElement <p> <strong><code>SVGGraphicsElement </code></strong>接口表示SVG元素，其主要目的是将图形直接渲染到组中。</p> -<p>{{InheritanceDiagram(600, 120)} }</p> +<p>{{InheritanceDiagram(600, 120)}}</p> <div class="note"> <p><strong>提示:</strong> 该接口是SVG 2中引入的，它取代了SVG 1.1中的{{domxref("SVGLocatable")}}和{{domxref("SVGTransformable")}}接口。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/some/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/some/index.html index 734cace600..426e6b16a6 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/some/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/some/index.html @@ -78,8 +78,6 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/some <pre class="brush: js"><code>[2, 5, 8, 1, 4].some(x => x > 10); // false [12, 5, 8, 1, 4].some(x => x > 10); // true</code></pre> -<p>{{ EmbedLiveSample('Testing_array_elements_using_arrow_functions', '', '', '', 'Web/JavaScript/Reference/Global_Objects/Array/some') }}</p> - <h3 id="判断数组元素中是否存在某个值">判断数组元素中是否存在某个值</h3> <p>此例中为模仿 <code>includes()</code> 方法, 若元素在数组中存在, 则回调函数返回值为 <code>true</code> :</p> @@ -95,8 +93,6 @@ function checkAvailability(arr, val) { checkAvailability(fruits, 'kela'); // false checkAvailability(fruits, 'banana'); // true</pre> -<p>{{ EmbedLiveSample('Checking_whether_a_value_exists_in_an_array', '', '', '', 'Web/JavaScript/Reference/Global_Objects/Array/some') }}</p> - <h3 id="使用箭头函数判断数组元素中是否存在某个值">使用箭头函数判断数组元素中是否存在某个值</h3> <pre class="brush: js">var fruits = ['apple', 'banana', 'mango', 'guava']; @@ -108,9 +104,6 @@ function checkAvailability(arr, val) { checkAvailability(fruits, 'kela'); // false checkAvailability(fruits, 'banana'); // true</pre> -<p>{{ EmbedLiveSample('Checking_whether_a_value_exists_using_an_arrow_function', '', '', '', 'Experiment:StaticExamplesOnTop/JavaScript/Array/some') }}</p> - - <h3 id="将任意值转换为布尔类型">将任意值转换为布尔类型</h3> @@ -134,8 +127,6 @@ getBoolean(1); // true getBoolean('true'); // true </pre> -<p>{{ EmbedLiveSample('Converting_any_value_to_Boolean', '', '', '', 'Web/JavaScript/Reference/Global_Objects/Array/some') }}</p> - <h2 id="Compatibility" name="Compatibility">Polyfill</h2> <p>在第 5 版时，<code>some()</code> 被添加进 ECMA-262 标准；这样导致某些实现环境可能不支持它。你可以把下面的代码插入到脚本的开头来解决此问题，从而允许在那些没有原生支持它的实现环境中使用它。该算法是 ECMA-262 第 5 版中指定的算法，假定 <code>Object </code>和 <code>TypeError</code> 拥有他们的初始值，且 <code>fun.call</code> 等价于 <code>{{jsxref("Function.prototype.call")}}</code>。</p> diff --git a/files/zh-cn/web/javascript/reference/statements/break/index.html b/files/zh-cn/web/javascript/reference/statements/break/index.html index 9cecd6eef9..d38b51a97d 100644 --- a/files/zh-cn/web/javascript/reference/statements/break/index.html +++ b/files/zh-cn/web/javascript/reference/statements/break/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Statements/break <pre class="syntaxbox notranslate"><code>break [label];</code></pre> <dl> - <dt><code>label</code> {{可选}}</dt> + <dt><code>label</code> {{optional_inline}}</dt> <dd>与语句标签相关联的标识符。如果 break 语句不在一个循环或 {{jsxref("Statements/switch", "switch")}} 语句中，则该项是必须的。</dd> </dl> |