diff options
author | Irvin <irvinfly@gmail.com> | 2022-02-16 02:03:27 +0800 |
---|---|---|
committer | Irvin <irvinfly@gmail.com> | 2022-02-16 02:35:54 +0800 |
commit | 012ee621791b6895e637f96e6523027951768f25 (patch) | |
tree | 29cfacc0d5092af45870dcc74f22feb8b2664fbf /files/zh-cn/web/javascript | |
parent | ba91b017421b001cd226135612a7bd5dfcd88904 (diff) | |
download | translated-content-012ee621791b6895e637f96e6523027951768f25.tar.gz translated-content-012ee621791b6895e637f96e6523027951768f25.tar.bz2 translated-content-012ee621791b6895e637f96e6523027951768f25.zip |
remove inline style for zh-CN
Diffstat (limited to 'files/zh-cn/web/javascript')
105 files changed, 687 insertions, 747 deletions
diff --git a/files/zh-cn/web/javascript/closures/index.html b/files/zh-cn/web/javascript/closures/index.html index 3bf409fe66..a3412be7ca 100644 --- a/files/zh-cn/web/javascript/closures/index.html +++ b/files/zh-cn/web/javascript/closures/index.html @@ -18,16 +18,14 @@ translation_of: Web/JavaScript/Closures <p>请看下面的代码:</p> -<div style="width: auto; overflow: hidden;"> <pre class="brush: js">function init() { - var name = "Mozilla"; // name 是一个被 init 创建的局部变量 - function displayName() { // displayName() 是内部函数,一个闭包 - alert(name); // 使用了父函数中声明的变量 - } - displayName(); + var name = "Mozilla"; // name 是一个被 init 创建的局部变量 + function displayName() { // displayName() 是内部函数,一个闭包 + alert(name); // 使用了父函数中声明的变量 + } + displayName(); } init();</pre> -</div> <p><code>init()</code> 创建了一个局部变量 <code>name</code> 和一个名为 <code>displayName()</code> 的函数。<code>displayName()</code> 是定义在 <code>init()</code> 里的内部函数,并且仅在 <code>init()</code> 函数体内可用。请注意,<code>displayName()</code> 没有自己的局部变量。然而,因为它可以访问到外部函数的变量,所以 <code>displayName()</code> 可以使用父函数 <code>init()</code> 中声明的变量 <code>name</code> 。</p> diff --git a/files/zh-cn/web/javascript/enumerability_and_ownership_of_properties/index.html b/files/zh-cn/web/javascript/enumerability_and_ownership_of_properties/index.html index e7401b7cc1..a20bd79eec 100644 --- a/files/zh-cn/web/javascript/enumerability_and_ownership_of_properties/index.html +++ b/files/zh-cn/web/javascript/enumerability_and_ownership_of_properties/index.html @@ -11,15 +11,15 @@ translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties <p>可枚举属性是指那些内部 “可枚举” 标志设置为 <code>true</code> 的属性,对于通过直接的赋值和属性初始化的属性,该标识值默认为即为 <code>true</code>,对于通过 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a> 等定义的属性,该标识值默认为 <code>false</code>。可枚举的属性可以通过 <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a> 循环进行遍历(除非该属性名是一个 <a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Symbol">Symbol</a>)。属性的所有权是通过判断该属性是否直接属于某个对象决定的,而不是通过原型链继承的。一个对象的所有的属性可以一次性的获取到。有一些内置的方法可以用于判断、迭代/枚举以及获取对象的一个或一组属性,下表对这些方法进行了列举。对于部分不可用的类别,下方的示例代码对获取方法进行了演示。</p> -<div style="overflow: auto; width: 100%;"> +<div> <table> <caption>属性的可枚举性和所有权 - 内置的判断、访问和迭代方法</caption> <tbody> <tr> - <th style="width: 6%;">作用</th> - <th style="width: 50%;">自身对象</th> - <th style="width: 30%;">自身对象及其原型链</th> - <th style="width: 12%;">仅原型链</th> + <th>作用</th> + <th>自身对象</th> + <th>自身对象及其原型链</th> + <th>仅原型链</th> </tr> <tr> <td>判断</td> @@ -29,7 +29,7 @@ translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties <tr> <th scope="col">可枚举属性</th> <th scope="col">不可枚举属性</th> - <th scope="col" style="width: 12em;">可枚举属性及不可枚举属性</th> + <th scope="col">可枚举属性及不可枚举属性</th> </tr> </thead> <tbody> @@ -70,7 +70,7 @@ translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties <tr> <th scope="col">可枚举属性</th> <th scope="col">不可枚举属性</th> - <th scope="col" style="width: 12em;">可枚举属性及不可枚举属性</th> + <th scope="col">可枚举属性及不可枚举属性</th> </tr> </thead> <tbody> @@ -96,7 +96,7 @@ translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties <tr> <th scope="col">可枚举属性</th> <th scope="col">不可枚举属性</th> - <th scope="col" style="width: 12em;">可枚举属性及不可枚举属性</th> + <th scope="col">可枚举属性及不可枚举属性</th> </tr> </thead> <tbody> @@ -210,7 +210,7 @@ translation_of: Web/JavaScript/Enumerability_and_ownership_of_properties <h2 id="统计表">统计表</h2> -<div style="overflow: auto; width: 100%;"> +<div> <table> <thead> <tr> diff --git a/files/zh-cn/web/javascript/equality_comparisons_and_sameness/index.html b/files/zh-cn/web/javascript/equality_comparisons_and_sameness/index.html index 5d8e0d7528..c9e1e5ae71 100644 --- a/files/zh-cn/web/javascript/equality_comparisons_and_sameness/index.html +++ b/files/zh-cn/web/javascript/equality_comparisons_and_sameness/index.html @@ -67,74 +67,74 @@ console.log(obj === undefined); // false <thead> <tr> <th scope="row"></th> - <th colspan="7" scope="col" style="text-align: center;">被比较值 B</th> + <th colspan="7" scope="col">被比较值 B</th> </tr> </thead> <tbody> <tr> <th scope="row"></th> <td></td> - <td style="text-align: center;">Undefined</td> - <td style="text-align: center;">Null</td> - <td style="text-align: center;">Number</td> - <td style="text-align: center;">String</td> - <td style="text-align: center;">Boolean</td> - <td style="text-align: center;">Object</td> + <td>Undefined</td> + <td>Null</td> + <td>Number</td> + <td>String</td> + <td>Boolean</td> + <td>Object</td> </tr> <tr> <th colspan="1" rowspan="6" scope="row">被比较值 A</th> <td>Undefined</td> - <td style="text-align: center;"><code>true</code></td> - <td style="text-align: center;"><code>true</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>IsFalsy(B)</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>IsFalsy(B)</code></td> </tr> <tr> <td>Null</td> - <td style="text-align: center;"><code>true</code></td> - <td style="text-align: center;"><code>true</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>IsFalsy(B)</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>IsFalsy(B)</code></td> </tr> <tr> <td>Number</td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>A === B</code></td> - <td style="text-align: center;"><code>A === ToNumber(B)</code></td> - <td style="text-align: center;"><code>A=== ToNumber(B) </code></td> - <td style="text-align: center;"><code>A== ToPrimitive(B)</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>A === B</code></td> + <td><code>A === ToNumber(B)</code></td> + <td><code>A=== ToNumber(B) </code></td> + <td><code>A== ToPrimitive(B)</code></td> </tr> <tr> <td>String</td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>ToNumber(A) === B</code></td> - <td style="text-align: center;"><code>A === B</code></td> - <td style="text-align: center;"><code>ToNumber(A) === ToNumber(B)</code></td> - <td style="text-align: center;"><code>ToPrimitive(B) == A</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>ToNumber(A) === B</code></td> + <td><code>A === B</code></td> + <td><code>ToNumber(A) === ToNumber(B)</code></td> + <td><code>ToPrimitive(B) == A</code></td> </tr> <tr> <td>Boolean</td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>ToNumber(A) === B</code></td> - <td style="text-align: center;"><code>ToNumber(A) === ToNumber(B)</code></td> - <td style="text-align: center;"><code>A === B</code></td> - <td style="text-align: center;"><code>ToNumber(A) == ToPrimitive(B)</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>ToNumber(A) === B</code></td> + <td><code>ToNumber(A) === ToNumber(B)</code></td> + <td><code>A === B</code></td> + <td><code>ToNumber(A) == ToPrimitive(B)</code></td> </tr> <tr> <td>Object</td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>false</code></td> - <td style="text-align: center;"><code>ToPrimitive(A) == B</code></td> - <td style="text-align: center;"><code>ToPrimitive(A) == B</code></td> - <td style="text-align: center;"><code>ToPrimitive(A) == ToNumber(B)</code></td> - <td style="text-align: center;"> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>ToPrimitive(A) == B</code></td> + <td><code>ToPrimitive(A) == B</code></td> + <td><code>ToPrimitive(A) == ToNumber(B)</code></td> + <td> <p><code>A === B</code></p> </td> </tr> @@ -204,174 +204,174 @@ function attemptMutation(v) <caption>判等</caption> <thead> <tr> - <th scope="col" style="text-align: center;">x</th> - <th scope="col" style="text-align: center;">y</th> - <th scope="col" style="width: 10em; text-align: center;"><code>==</code></th> - <th scope="col" style="width: 10em; text-align: center;"><code>===</code></th> - <th scope="col" style="width: 10em; text-align: center;"><code>Object.is</code></th> + <th scope="col">x</th> + <th scope="col">y</th> + <th scope="col"><code>==</code></th> + <th scope="col"><code>===</code></th> + <th scope="col"><code>Object.is</code></th> </tr> </thead> <tbody> <tr> <td><code>undefined</code></td> <td><code>undefined</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>null</code></td> <td><code>null</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>true</code></td> <td><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>false</code></td> <td><code>false</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>"foo"</code></td> <td><code>"foo"</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>0</code></td> <td><code>0</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>true</code></td> </tr> <tr> <td><code>+0</code></td> <td><code>-0</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>true</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>0</code></td> <td><code>false</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>""</code></td> <td><code>false</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>""</code></td> <td><code>0</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>"0"</code></td> <td><code>0</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>"17"</code></td> <td><code>17</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>[1,2]</code></td> <td><code>"1,2"</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>new String("foo")</code></td> <td><code>"foo"</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>null</code></td> <td><code>undefined</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>null</code></td> <td><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>undefined</code></td> <td><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>{ foo: "bar" }</code></td> <td><code>{ foo: "bar" }</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>new String("foo")</code></td> <td><code>new String("foo")</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>0</code></td> <td><code>null</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>0</code></td> <td><code>NaN</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>"foo"</code></td> <td><code>NaN</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>false</code></td> </tr> <tr> <td><code>NaN</code></td> <td><code>NaN</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(255, 144, 144); text-align: center;"><code>false</code></td> - <td style="background-color: rgb(144, 255, 144); text-align: center;"><code>true</code></td> + <td><code>false</code></td> + <td><code>false</code></td> + <td><code>true</code></td> </tr> </tbody> </table> @@ -390,8 +390,6 @@ function attemptMutation(v) <pre class="brush:js language-js"><code class="language-js">let stoppingForce = obj.mass * -obj.velocity</code></pre> - <div class="line-number" style="top: 0px;"></div> - <p>如果<code>obj.velocity</code>是<code>0</code> (或计算结果为<code>0</code>), <code>一个-0</code>就在上处产生并被赋值为<code>stoppingForce的值</code>.</p> </dd> </dl> diff --git a/files/zh-cn/web/javascript/guide/control_flow_and_error_handling/index.html b/files/zh-cn/web/javascript/guide/control_flow_and_error_handling/index.html index c8cb0eb24b..aa26c47e83 100644 --- a/files/zh-cn/web/javascript/guide/control_flow_and_error_handling/index.html +++ b/files/zh-cn/web/javascript/guide/control_flow_and_error_handling/index.html @@ -31,11 +31,9 @@ translation_of: Web/JavaScript/Guide/Control_flow_and_error_handling <p>语句块通常用于流程控制,如<code>if</code>,<code>for</code>,<code>while</code>等等。</p> -<div style="margin-right: 270px;"> <pre class="brush: js">while (x < 10) { x++; }</pre> -</div> <p>这里<code>{ x++; }</code>就是语句块。</p> diff --git a/files/zh-cn/web/javascript/guide/details_of_the_object_model/index.html b/files/zh-cn/web/javascript/guide/details_of_the_object_model/index.html index 6e8cfdc61d..ef6ace35f4 100644 --- a/files/zh-cn/web/javascript/guide/details_of_the_object_model/index.html +++ b/files/zh-cn/web/javascript/guide/details_of_the_object_model/index.html @@ -91,7 +91,7 @@ translation_of: Web/JavaScript/Guide/Details_of_the_Object_Model <p><img alt="" src="https://mdn.mozillademos.org/files/3060/figure8.1.png"></p> -<div style="display: table-cell; vertical-align: middle; padding: 10px;"> +<div> <ul> <li><code>Employee</code> 具有 <code>name</code> 属性(默认值为空的字符串)和 <code>dept</code> 属性(默认值为 "general")。</li> <li><code>Manager</code> 是 <code>Employee</code>的子类。它添加了 <code>reports</code> 属性(默认值为空的数组,以 <code>Employee</code> 对象数组作为它的值)。</li> @@ -279,7 +279,7 @@ var jane = new Engineer; <p>当 JavaScript 执行 <code>new</code> 操作符时,它会先创建一个普通对象,并将这个普通对象中的 [[prototype]] 指向 <code>WorkerBee.prototype</code> ,然后再把这个普通对象设置为执行 <code>WorkerBee</code> 构造函数时 <code>this</code> 的值。该普通对象的 [[Prototype]] 决定其用于检索属性的原型链。当构造函数执行完成后,所有的属性都被设置完毕,JavaScript 返回之前创建的对象,通过赋值语句将它的引用赋值给变量 <code>mark</code>。</p> -<p>这个过程不会显式的将 <code style="font-size: 14px;">mark</code>所继承的原型链中的属性作为本地属性存放在 <code>mark</code> 对象中。当访问属性时,JavaScript 将首先检查对象自身中是否存在该属性,如果有,则返回该属性的值。如果不存在,JavaScript会检查原型链(使用内置的 [[Prototype]] )。如果原型链中的某个对象包含该属性,则返回这个属性的值。如果遍历整条原型链都没有找到该属性,JavaScript 则认为对象中不存在该属性,返回一个 <code>undefined</code>。这样,<code>mark</code> 对象中将具有如下的属性和对应的值:</p> +<p>这个过程不会显式的将 <code>mark</code>所继承的原型链中的属性作为本地属性存放在 <code>mark</code> 对象中。当访问属性时,JavaScript 将首先检查对象自身中是否存在该属性,如果有,则返回该属性的值。如果不存在,JavaScript会检查原型链(使用内置的 [[Prototype]] )。如果原型链中的某个对象包含该属性,则返回这个属性的值。如果遍历整条原型链都没有找到该属性,JavaScript 则认为对象中不存在该属性,返回一个 <code>undefined</code>。这样,<code>mark</code> 对象中将具有如下的属性和对应的值:</p> <pre class="brush: js">mark.name = ""; mark.dept = "general"; diff --git a/files/zh-cn/web/javascript/guide/expressions_and_operators/index.html b/files/zh-cn/web/javascript/guide/expressions_and_operators/index.html index 7cb835c92b..8f45880006 100644 --- a/files/zh-cn/web/javascript/guide/expressions_and_operators/index.html +++ b/files/zh-cn/web/javascript/guide/expressions_and_operators/index.html @@ -230,7 +230,7 @@ var var2 = 4;</code></pre> <p>除了标准的算术运算符(+, - ,* /),JavaScript还提供了下表中的算术运算符。</p> -<table class="fullwidth-table" style="height: 469px; width: 520px;"> +<table class="fullwidth-table"> <caption>表 3.3 算术运算符</caption> <thead> <tr> @@ -438,7 +438,7 @@ After: 10100000000000000110000000000001</code></pre> <p>移位运算符列表如下。</p> -<p><strong style="font-style: inherit; font-weight: 700;">移位运算符</strong></p> +<p><strong>移位运算符</strong></p> <table class="standard-table"> <thead> @@ -474,9 +474,9 @@ After: 10100000000000000110000000000001</code></pre> <p>逻辑运算符常用于布尔(逻辑)值之间; 当操作数都是布尔值时,返回值也是布尔值。 不过实际上<code>&&</code>和<code>||</code>返回的是一个特定的操作数的值,所以当它用于非布尔值的时候,返回值就可能是非布尔值。 逻辑运算符的描述如下。</p> -<p><strong style="font-style: inherit; font-weight: 700;">逻辑运算符</strong></p> +<p><strong>逻辑运算符</strong></p> -<table class="fullwidth-table" style="height: 190px; width: 1316px;"> +<table class="fullwidth-table"> <thead> <tr> <th scope="col">运算符</th> @@ -786,7 +786,7 @@ if (theDay instanceof Date) { <p>下表列出了描述符的优先级,从最高到最低。</p> -<p><strong style="font-style: inherit; font-weight: 700;">运算符优先级</strong></p> +<p><strong>运算符优先级</strong></p> <table class="standard-table"> <thead> diff --git a/files/zh-cn/web/javascript/guide/functions/index.html b/files/zh-cn/web/javascript/guide/functions/index.html index ab6677c5d9..f80d65ce3b 100644 --- a/files/zh-cn/web/javascript/guide/functions/index.html +++ b/files/zh-cn/web/javascript/guide/functions/index.html @@ -370,7 +370,7 @@ A(1); // logs 6 (1 + 2 + 3)</pre> outside()(10); // returns 20 instead of 10</pre> -<p>命名冲突发生在<code>return x</code>上,<code>inside</code>的参数<code>x</code>和<code>outside</code>变量<code>x</code>发生了冲突。这里的作用链域是{<code style="font-style: normal;">inside</code>, <code style="font-style: normal;">outside</code>, 全局对象}。因此<code>inside</code>的<code>x</code>具有最高优先权,返回了20(<code>inside</code>的<code>x</code>)而不是10(<code>outside</code>的<code>x</code>)。</p> +<p>命名冲突发生在<code>return x</code>上,<code>inside</code>的参数<code>x</code>和<code>outside</code>变量<code>x</code>发生了冲突。这里的作用链域是{<code>inside</code>, <code>outside</code>, 全局对象}。因此<code>inside</code>的<code>x</code>具有最高优先权,返回了20(<code>inside</code>的<code>x</code>)而不是10(<code>outside</code>的<code>x</code>)。</p> <h2 id="闭包">闭包</h2> diff --git a/files/zh-cn/web/javascript/guide/indexed_collections/index.html b/files/zh-cn/web/javascript/guide/indexed_collections/index.html index 67c1afe469..53e12083af 100644 --- a/files/zh-cn/web/javascript/guide/indexed_collections/index.html +++ b/files/zh-cn/web/javascript/guide/indexed_collections/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Guide/Indexed_collections --- <div>{{jsSidebar("JavaScript Guide")}} {{PreviousNext("Web/JavaScript/Guide/Regular_Expressions", "Web/JavaScript/Guide/Keyed_Collections")}}</div> -<p>这个章节主要介绍了以索引进行排序的数据集合。包括数组以及类似于数组的数据结构,如<strong style="background-color: #f4f7f8; font-weight: bold;"> {{jsxref("Array")}} </strong>、<strong style="background-color: #f4f7f8; font-weight: bold;">{{jsxref("TypedArray")}} </strong>。</p> +<p>这个章节主要介绍了以索引进行排序的数据集合。包括数组以及类似于数组的数据结构,如<strong> {{jsxref("Array")}} </strong>、<strong>{{jsxref("TypedArray")}} </strong>。</p> <h2 id="数组对象Array_object">数组对象(Array object)</h2> diff --git a/files/zh-cn/web/javascript/guide/regular_expressions/index.html b/files/zh-cn/web/javascript/guide/regular_expressions/index.html index d4b03b82de..5534db8860 100644 --- a/files/zh-cn/web/javascript/guide/regular_expressions/index.html +++ b/files/zh-cn/web/javascript/guide/regular_expressions/index.html @@ -567,33 +567,33 @@ console.log(newstr); <caption>正则表达式标志</caption> <thead> <tr> - <th scope="col" style="white-space: nowrap;">标志</th> - <th scope="col" style="white-space: nowrap;">描述</th> + <th scope="col">标志</th> + <th scope="col">描述</th> </tr> </thead> <tbody> <tr> - <td style="text-align: center;"><code>g</code></td> + <td><code>g</code></td> <td>全局搜索。</td> </tr> <tr> - <td style="text-align: center;"><code>i</code></td> + <td><code>i</code></td> <td>不区分大小写搜索。</td> </tr> <tr> - <td style="text-align: center;"><code>m</code></td> + <td><code>m</code></td> <td>多行搜索。</td> </tr> <tr> - <td style="text-align: center;"><code>s</code></td> + <td><code>s</code></td> <td>允许 <code>.</code> 匹配换行符。</td> </tr> <tr> - <td style="text-align: center;"><code>u</code></td> + <td><code>u</code></td> <td>使用unicode码的模式进行匹配。</td> </tr> <tr> - <td style="text-align: center;"><code>y</code></td> + <td><code>y</code></td> <td>执行“粘性(<code>sticky</code>)”搜索,匹配从目标字符串的当前位置开始。</td> </tr> </tbody> diff --git a/files/zh-cn/web/javascript/guide/working_with_objects/index.html b/files/zh-cn/web/javascript/guide/working_with_objects/index.html index 28f6dd54d5..dbdc3294a6 100644 --- a/files/zh-cn/web/javascript/guide/working_with_objects/index.html +++ b/files/zh-cn/web/javascript/guide/working_with_objects/index.html @@ -24,10 +24,8 @@ translation_of: Web/JavaScript/Guide/Working_with_Objects <p>一个 javascript 对象有很多属性。一个对象的属性可以被解释成一个附加到对象上的变量。对象的属性和普通的 javascript 变量基本没什么区别,仅仅是属性属于某个对象。属性定义了对象的特征(译注:动态语言面向对象的鸭子类型)。你可以通过点符号来访问一个对象的属性。</p> -<div style="margin-right: 270px;"> <pre class="brush: js">objectName.propertyName </pre> -</div> <p>和其他 javascript 变量一样,对象的名字(可以是普通的变量)和属性的名字都是大小写敏感的。你可以在定义一个属性的时候就给它赋值。例如,我们创建一个myCar的对象然后给他三个属性,make,model,year。具体如下所示:</p> @@ -70,16 +68,14 @@ console.log(myObj); <p>你也可以通过存储在变量中的字符串来访问属性:</p> -<div style="width: auto;"> <pre class="brush: js">var propertyName = "make"; -myCar[propertyName] = "Ford"; - -propertyName = "model"; -myCar[propertyName] = "Mustang"; -</pre> -</div> + myCar[propertyName] = "Ford"; + + propertyName = "model"; + myCar[propertyName] = "Mustang"; + </pre> -<p>你可以在 <a class="internal" href="/zh-CN/docs/JavaScript/Guide/Statements#for...in_Statement" style="line-height: 1.5;" title="zh-CN/docs/JavaScript/Guide/Statements#for...in Statement">for...in</a> 语句中使用方括号标记以枚举一个对象的所有属性。为了展示它如何工作,下面的函数当你将对象及其名称作为参数传入时,显示对象的属性:</p> +<p>你可以在 <a class="internal" href="/zh-CN/docs/JavaScript/Guide/Statements#for...in_Statement" title="zh-CN/docs/JavaScript/Guide/Statements#for...in Statement">for...in</a> 语句中使用方括号标记以枚举一个对象的所有属性。为了展示它如何工作,下面的函数当你将对象及其名称作为参数传入时,显示对象的属性:</p> <pre class="brush: js">function showProps(obj, objName) { var result = ""; @@ -147,7 +143,7 @@ myCar.year = 1969 -<p>这里 <code>obj</code> 是新对象的名称,每一个 <code>property_<em>i</em></code> 是一个标识符(可以是一个名称、数字或字符串字面量),并且每个 <code>value_<em>i</em></code> 是一个其值将被赋予 property_<em>i </em>的表达式。<code style="font-style: normal; line-height: 1.5;">obj</code> 与赋值是可选的;如果你不需要在其他地方引用对象,你就不需要将它赋给一个变量。(注意在接受一条语句的地方,你可能需要将对象字面量括在括号里,从而避免将字面量与块语句相混淆)</p> +<p>这里 <code>obj</code> 是新对象的名称,每一个 <code>property_<em>i</em></code> 是一个标识符(可以是一个名称、数字或字符串字面量),并且每个 <code>value_<em>i</em></code> 是一个其值将被赋予 property_<em>i </em>的表达式。<code>obj</code> 与赋值是可选的;如果你不需要在其他地方引用对象,你就不需要将它赋给一个变量。(注意在接受一条语句的地方,你可能需要将对象字面量括在括号里,从而避免将字面量与块语句相混淆)</p> <p>如果一个对象是通过在顶级脚本的对象初始化器创建的,则 JavaScript 在每次遇到包含该对象字面量的表达式时都会创建对象。同样的,在函数中的初始化器在每次函数调用时也会被创建。</p> @@ -285,7 +281,7 @@ fish.displayType(); // Output:Fishes car1.color = "black"; </pre> -<p>参见 <a href="/zh-CN/docs/JavaScript/Reference" style="line-height: 1.5; text-decoration: underline;" title="zh-CN/docs/JavaScript/Reference">JavaScript Reference</a> 中 Function 对象的 <a href="/zh-CN/docs/JavaScript/Reference/Global_Objects/Function/prototype" style="line-height: 1.5;" title="zh-CN/docs/JavaScript/Reference/Global Objects/Function/prototype"><code>prototype</code> 属性</a> 。</p> +<p>参见 <a href="/zh-CN/docs/JavaScript/Reference" title="zh-CN/docs/JavaScript/Reference">JavaScript Reference</a> 中 Function 对象的 <a href="/zh-CN/docs/JavaScript/Reference/Global_Objects/Function/prototype" title="zh-CN/docs/JavaScript/Reference/Global Objects/Function/prototype"><code>prototype</code> 属性</a> 。</p> <h2 id="定义方法">定义方法</h2> @@ -306,7 +302,7 @@ var myObj = { }; </pre> -<p>这里 <code>objectName</code> 是一个已经存在的对象,<code>methodname</code> 是方法的名称,而 <code style="font-style: normal; line-height: 1.5;">function_name</code> 是函数的名称。</p> +<p>这里 <code>objectName</code> 是一个已经存在的对象,<code>methodname</code> 是方法的名称,而 <code>function_name</code> 是函数的名称。</p> <p>你可以在对象的上下文中象这样调用方法:</p> @@ -463,7 +459,7 @@ console.log(o.b) // Runs the getter, which yields a + 1 or 6 <h2 id="删除属性">删除属性</h2> -<p>你可以用 <a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete">delete</a> 操作符删除一个<strong style="color: red;">不是继承而来</strong>的属性。下面的例子说明如何删除一个属性:</p> +<p>你可以用 <a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete">delete</a> 操作符删除一个<strong>不是继承而来</strong>的属性。下面的例子说明如何删除一个属性:</p> <pre class="brush: js">//Creates a new object, myobj, with two properties, a and b. var myobj = new Object; diff --git a/files/zh-cn/web/javascript/inheritance_and_the_prototype_chain/index.html b/files/zh-cn/web/javascript/inheritance_and_the_prototype_chain/index.html index 57f9c2bf2a..31f0522871 100644 --- a/files/zh-cn/web/javascript/inheritance_and_the_prototype_chain/index.html +++ b/files/zh-cn/web/javascript/inheritance_and_the_prototype_chain/index.html @@ -353,155 +353,153 @@ console.log(g.__proto__.hasOwnProperty('addVertex')); <p>下面列举四种用于拓展原型链的方法,以及他们的优势和缺陷。下列四个例子都创建了完全相同的 <code>inst</code> 对象(所以在控制台上的输出也是一致的),为了举例,唯一的区别是他们的创建方法不同。</p> -<div style="overflow: auto;"> <table> - <tbody> - <tr> - <td style="width: 1%;">名称</td> - <td style="vertical-align: top; width: 1%;">例子</td> - <td style="vertical-align: top;">优势</td> - <td style="vertical-align: top; width: 60%;">缺陷</td> - </tr> - <tr> - <td>New-initialization</td> - <td style="vertical-align: top;"> - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto = new foo; -proto.bar_prop = "bar val"; -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop);</pre> - </td> - <td style="vertical-align: top;">支持目前以及所有可想象到的浏览器(IE5.5都可以使用)。 这种方法非常快,非常符合标准,并且充分利用JIT优化。</td> - <td>为使用此方法,必须对相关函数初始化。 在初始化过程中,构造函数可以存储每个对象必须生成的唯一信息。但是,这种唯一信息只生成一次,可能会带来潜在的问题。此外,构造函数的初始化,可能会将不需要的方法放在对象上。然而,如果你只在自己的代码中使用,你也清楚(或有通过注释等写明)各段代码在做什么,这些在大体上都不是问题(事实上,通常是有益处的)。</td> - </tr> - <tr> - <td>Object.create</td> - <td style="vertical-align: top;"> - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto = Object.create( - foo.prototype -); -proto.bar_prop = "bar val"; -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop); -</pre> - - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto = Object.create( - foo.prototype, - { - bar_prop: { - value: "bar val" - } - } -); -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop)</pre> - </td> - <td style="vertical-align: top;">支持当前所有非微软版本或者 IE9 以上版本的浏览器。允许一次性地直接设置 <code>__proto__</code> 属性,以便浏览器能更好地优化对象。同时允许通过 <code>Object.create(null) </code>来创建一个没有原型的对象。</td> - <td style="vertical-align: top;">不支持 IE8 以下的版本。然而,随着微软不再对系统中运行的旧版本浏览器提供支持,这将不是在大多数应用中的主要问题。 另外,这个慢对象初始化在使用第二个参数的时候有可能成为一个性能黑洞,因为每个对象的描述符属性都有自己的描述对象。当以对象的格式处理成百上千的对象描述的时候,可能会造成严重的性能问题。</td> - </tr> - <tr> - <td> - <p>Object.setPrototypeOf</p> - </td> - <td style="vertical-align: top;"> - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto = { - bar_prop: "bar val" -}; -Object.setPrototypeOf( - proto, foo.prototype -); -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop); -</pre> - - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto; -proto=Object.setPrototypeOf( - { bar_prop: "bar val" }, - foo.prototype -); -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop)</pre> - </td> - <td style="vertical-align: top;">支持所有现代浏览器和微软IE9+浏览器。允许动态操作对象的原型,甚至能强制给通过 <code>Object.create(null) </code>创建出来的没有原型的对象添加一个原型。</td> - <td style="vertical-align: top;">这个方式表现并不好,应该被弃用。如果你在生产环境中使用这个方法,那么快速运行 Javascript 就是不可能的,因为许多浏览器优化了原型,尝试在调用实例之前猜测方法在内存中的位置,但是动态设置原型干扰了所有的优化,甚至可能使浏览器为了运行成功,使用完全未经优化的代码进行重编译。 不支持 IE8 及以下的浏览器版本。</td> - </tr> - <tr> - <td>__proto__</td> - <td style="vertical-align: top;"> - <pre class="brush: js"> -function foo(){} -foo.prototype = { - foo_prop: "foo val" -}; -function bar(){} -var proto = { - bar_prop: "bar val", - __proto__: foo.prototype -}; -bar.prototype = proto; -var inst = new bar; -console.log(inst.foo_prop); -console.log(inst.bar_prop); -</pre> - - <pre class="brush: js"> -var inst = { - __proto__: { - bar_prop: "bar val", - __proto__: { - foo_prop: "foo val", - __proto__: Object.prototype - } - } -}; -console.log(inst.foo_prop); -console.log(inst.bar_prop)</pre> - </td> - <td style="vertical-align: top;">支持所有现代非微软版本以及 IE11 以上版本的浏览器。将 <code>__proto__</code> 设置为非对象的值会静默失败,并不会抛出错误。</td> - <td style="vertical-align: top;">应该完全将其抛弃因为这个行为完全不具备性能可言。 如果你在生产环境中使用这个方法,那么快速运行 Javascript 就是不可能的,因为许多浏览器优化了原型,尝试在调用实例之前猜测方法在内存中的位置,但是动态设置原型干扰了所有的优化,甚至可能使浏览器为了运行成功,使用完全未经优化的代码进行重编译。不支持 IE10 及以下的浏览器版本。</td> - </tr> - </tbody> -</table> -</div> + <tbody> + <tr> + <td>名称</td> + <td>例子</td> + <td>优势</td> + <td>缺陷</td> + </tr> + <tr> + <td>New-initialization</td> + <td> + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto = new foo; + proto.bar_prop = "bar val"; + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop);</pre> + </td> + <td>支持目前以及所有可想象到的浏览器(IE5.5都可以使用)。 这种方法非常快,非常符合标准,并且充分利用JIT优化。</td> + <td>为使用此方法,必须对相关函数初始化。 在初始化过程中,构造函数可以存储每个对象必须生成的唯一信息。但是,这种唯一信息只生成一次,可能会带来潜在的问题。此外,构造函数的初始化,可能会将不需要的方法放在对象上。然而,如果你只在自己的代码中使用,你也清楚(或有通过注释等写明)各段代码在做什么,这些在大体上都不是问题(事实上,通常是有益处的)。</td> + </tr> + <tr> + <td>Object.create</td> + <td> + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto = Object.create( + foo.prototype + ); + proto.bar_prop = "bar val"; + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop); + </pre> + + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto = Object.create( + foo.prototype, + { + bar_prop: { + value: "bar val" + } + } + ); + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop)</pre> + </td> + <td>支持当前所有非微软版本或者 IE9 以上版本的浏览器。允许一次性地直接设置 <code>__proto__</code> 属性,以便浏览器能更好地优化对象。同时允许通过 <code>Object.create(null) </code>来创建一个没有原型的对象。</td> + <td>不支持 IE8 以下的版本。然而,随着微软不再对系统中运行的旧版本浏览器提供支持,这将不是在大多数应用中的主要问题。 另外,这个慢对象初始化在使用第二个参数的时候有可能成为一个性能黑洞,因为每个对象的描述符属性都有自己的描述对象。当以对象的格式处理成百上千的对象描述的时候,可能会造成严重的性能问题。</td> + </tr> + <tr> + <td> + <p>Object.setPrototypeOf</p> + </td> + <td> + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto = { + bar_prop: "bar val" + }; + Object.setPrototypeOf( + proto, foo.prototype + ); + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop); + </pre> + + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto; + proto=Object.setPrototypeOf( + { bar_prop: "bar val" }, + foo.prototype + ); + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop)</pre> + </td> + <td>支持所有现代浏览器和微软IE9+浏览器。允许动态操作对象的原型,甚至能强制给通过 <code>Object.create(null) </code>创建出来的没有原型的对象添加一个原型。</td> + <td>这个方式表现并不好,应该被弃用。如果你在生产环境中使用这个方法,那么快速运行 Javascript 就是不可能的,因为许多浏览器优化了原型,尝试在调用实例之前猜测方法在内存中的位置,但是动态设置原型干扰了所有的优化,甚至可能使浏览器为了运行成功,使用完全未经优化的代码进行重编译。 不支持 IE8 及以下的浏览器版本。</td> + </tr> + <tr> + <td>__proto__</td> + <td> + <pre class="brush: js"> + function foo(){} + foo.prototype = { + foo_prop: "foo val" + }; + function bar(){} + var proto = { + bar_prop: "bar val", + __proto__: foo.prototype + }; + bar.prototype = proto; + var inst = new bar; + console.log(inst.foo_prop); + console.log(inst.bar_prop); + </pre> + + <pre class="brush: js"> + var inst = { + __proto__: { + bar_prop: "bar val", + __proto__: { + foo_prop: "foo val", + __proto__: Object.prototype + } + } + }; + console.log(inst.foo_prop); + console.log(inst.bar_prop)</pre> + </td> + <td>支持所有现代非微软版本以及 IE11 以上版本的浏览器。将 <code>__proto__</code> 设置为非对象的值会静默失败,并不会抛出错误。</td> + <td>应该完全将其抛弃因为这个行为完全不具备性能可言。 如果你在生产环境中使用这个方法,那么快速运行 Javascript 就是不可能的,因为许多浏览器优化了原型,尝试在调用实例之前猜测方法在内存中的位置,但是动态设置原型干扰了所有的优化,甚至可能使浏览器为了运行成功,使用完全未经优化的代码进行重编译。不支持 IE10 及以下的浏览器版本。</td> + </tr> + </tbody> + </table> <h2 id="prototype_和_Object.getPrototypeOf"><code>prototype</code> 和 <code>Object.getPrototypeOf</code></h2> diff --git a/files/zh-cn/web/javascript/javascript_technologies_overview/index.html b/files/zh-cn/web/javascript/javascript_technologies_overview/index.html index 9dcb7b2e5a..8de2f8ec27 100644 --- a/files/zh-cn/web/javascript/javascript_technologies_overview/index.html +++ b/files/zh-cn/web/javascript/javascript_technologies_overview/index.html @@ -93,4 +93,4 @@ translation_of: Web/JavaScript/JavaScript_technologies_overview <div>相信每个 Web 开发人员都曾经有过“<a href="http://ejohn.org/blog/the-dom-is-a-mess/">DOM就是一团糟</a>”的体验,因为浏览器对 DOM 的支持千差万别。造成这种局面的主要原因是DOM 规范并未清晰定义很多重要的 DOM 特性。另外,一些浏览器也增加了不兼容的特性(例如 Intenet Explorer 的事件模型)。自 2011 年 6 月以来,W3C,特别是 WHATWG 都在对旧特性进行细节定义,以提高互通性。浏览器也在基于这些更加详细的规范改善它们的实现方式。</div> -<p>要实现跨浏览器的兼容性,一个常见的但可能不是最可靠的方式就是使用 JavaScript 库。这些库对于 DOM 特性进行抽象,以确保它们所提供的 API 在不同的浏览器上行为一致。被广泛采用的框架有 <a class="external" href="http://jquery.com/" style="line-height: inherit;">jQuery</a>,<a class="external" href="http://www.prototypejs.org/">prototype</a> 和 <a class="external" href="http://developer.yahoo.com/yui/">YUI</a>。</p> +<p>要实现跨浏览器的兼容性,一个常见的但可能不是最可靠的方式就是使用 JavaScript 库。这些库对于 DOM 特性进行抽象,以确保它们所提供的 API 在不同的浏览器上行为一致。被广泛采用的框架有 <a class="external" href="http://jquery.com/">jQuery</a>,<a class="external" href="http://www.prototypejs.org/">prototype</a> 和 <a class="external" href="http://developer.yahoo.com/yui/">YUI</a>。</p> diff --git a/files/zh-cn/web/javascript/reference/classes/extends/index.html b/files/zh-cn/web/javascript/reference/classes/extends/index.html index c7dbb72d18..37223f83ee 100644 --- a/files/zh-cn/web/javascript/reference/classes/extends/index.html +++ b/files/zh-cn/web/javascript/reference/classes/extends/index.html @@ -25,7 +25,7 @@ translation_of: Web/JavaScript/Reference/Classes/extends <h3 id="使用_extends">使用 <code>extends</code></h3> -<p>第一个例子是根据名为 <code style="font-style: normal;">Polygon</code> 类创建一个名为<code>Square</code>的类。这个例子是从这个<a href="https://googlechrome.github.io/samples/classes-es6/index.html">在线演示</a>中提取出来的。</p> +<p>第一个例子是根据名为 <code>Polygon</code> 类创建一个名为<code>Square</code>的类。这个例子是从这个<a href="https://googlechrome.github.io/samples/classes-es6/index.html">在线演示</a>中提取出来的。</p> <pre class="brush: js">class Square extends Polygon { constructor(length) { diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/callee/index.html b/files/zh-cn/web/javascript/reference/functions/arguments/callee/index.html index d814e6ce1f..a2847f3683 100644 --- a/files/zh-cn/web/javascript/reference/functions/arguments/callee/index.html +++ b/files/zh-cn/web/javascript/reference/functions/arguments/callee/index.html @@ -88,7 +88,7 @@ sillyFunction();</pre> <p>递归函数必须能够引用它本身。很典型的,函数通过自己的名字调用自己。然而,匿名函数 (通过 <a href="/en-US/docs/JavaScript/Reference/Operators/function" title="JavaScript/Reference/Operators/Special/function">函数表达式</a> 或者 <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Function" title="JavaScript/Reference/Global_Objects/Function">函数构造器 </a>创建</code>) 没有名称。因此如果没有可访问的变量指向该函数,唯一能引用它的方式就是通过 <code>arguments.callee</code>。</p> -<p>下面的例子定义了一个函数,按流程,定义并返回了一个阶乘函数。该例并不是很实用,并且几乎都能够用 <a href="/en-US/docs/JavaScript/Reference/Operators/function" style="line-height: 1.5;" title="JavaScript/Reference/Operators/Special/function">命名函数表达式</a> 实现同样结果的例子, and there are nearly no cases where the same result cannot be achieved with .</p> +<p>下面的例子定义了一个函数,按流程,定义并返回了一个阶乘函数。该例并不是很实用,并且几乎都能够用 <a href="/en-US/docs/JavaScript/Reference/Operators/function" title="JavaScript/Reference/Operators/Special/function">命名函数表达式</a> 实现同样结果的例子, and there are nearly no cases where the same result cannot be achieved with .</p> <pre class="brush: js">function create() { return function(n) { diff --git a/files/zh-cn/web/javascript/reference/functions/arguments/index.html b/files/zh-cn/web/javascript/reference/functions/arguments/index.html index 501794e7f3..04d14b0b4f 100644 --- a/files/zh-cn/web/javascript/reference/functions/arguments/index.html +++ b/files/zh-cn/web/javascript/reference/functions/arguments/index.html @@ -149,7 +149,7 @@ myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre> <p>这个例子定义了一个函数通过一个字符串来创建HTML列表。这个函数唯一正式声明了的参数是一个字符。当该参数为 "<code>u</code>" 时,创建一个无序列表 (项目列表);当该参数为 "<code>o</code>" 时,则创建一个有序列表 (编号列表)。该函数定义如下:</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">function list(type) { +<pre class="brush:js language-js"><code class="language-js">function list(type) { var result = "<" + type + "l><li>"; var args = Array.prototype.slice.call(arguments, 1); result += args.join("</li><li>"); @@ -160,7 +160,7 @@ myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");</pre> <p>你可以传递任意数量的参数到该函数,并将每个参数作为一个项添加到指定类型的列表中。例如:</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal;"><code class="language-js" style="direction: ltr; white-space: pre;">var listHTML = list("u", "One", "Two", "Three"); +<pre class="brush:js language-js"><code class="language-js">var listHTML = list("u", "One", "Two", "Three"); /* listHTML is: diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/fill/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/fill/index.html index 05f19bfcb5..07c1c104b5 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/fill/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/fill/index.html @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/fill <p><code><strong>fill</strong></code> 方法故意被设计成通用方法, 该方法不要求 <code>this</code> 是数组对象。</p> -<p><code><strong style="line-height: 1.5;">fill</strong></code> 方法是个可变方法, 它会改变调用它的 <code>this</code> 对象本身, 然后返回它, 而并不是返回一个副本。</p> +<p><code><strong>fill</strong></code> 方法是个可变方法, 它会改变调用它的 <code>this</code> 对象本身, 然后返回它, 而并不是返回一个副本。</p> <p>当一个对象被传递给 <strong><code>fill</code></strong>方法的时候, 填充数组的是这个对象的引用。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html index b0c8967e8e..ecde3c0f25 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/findindex/index.html @@ -37,7 +37,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/findIndex </dl> </dd> <dt><code>thisArg</code></dt> - <dd>可选。执行<code>callback</code>时作为<code style="font-size: 14px; line-height: inherit;">this</code>对象的值.</dd> + <dd>可选。执行<code>callback</code>时作为<code>this</code>对象的值.</dd> </dl> <h3 id="返回值">返回值</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html index 1517622c81..15e10d0329 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/map/index.html @@ -334,7 +334,7 @@ if (!Array.prototype.map) { <p>{{Compat("javascript.builtins.Array.map")}}</p> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Array.prototype.forEach()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/of/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/of/index.html index 25e4a88a23..9013ce9446 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/of/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/of/index.html @@ -45,7 +45,7 @@ Array(1, 2, 3); // [1, 2, 3] <h2 id="示例">示例</h2> -<pre class="brush: js" style="font-size: 14px;">Array.of(1); // [1] +<pre class="brush: js">Array.of(1); // [1] Array.of(1, 2, 3); // [1, 2, 3] Array.of(undefined); // [undefined] </pre> @@ -54,7 +54,7 @@ Array.of(undefined); // [undefined] <p>如果原生不支持的话,在其他代码之前执行以下代码会创建 <code>Array.of()</code> 。</p> -<pre class="brush: js" style="font-size: 14px;">if (!Array.of) { +<pre class="brush: js">if (!Array.of) { Array.of = function() { return Array.prototype.slice.call(arguments); }; diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/pop/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/pop/index.html index 51fc625019..3e6caa6795 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/pop/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/pop/index.html @@ -50,7 +50,7 @@ console.log(popped); // surgeon </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/push/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/push/index.html index 3be7c12520..032e985d22 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/push/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/push/index.html @@ -32,11 +32,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/push <dd>被添加到数组末尾的元素。</dd> </dl> -<h3 id="返回值" style="line-height: 24px;">返回值</h3> +<h3 id="返回值">返回值</h3> <p>当调用该方法时,新的 {{jsxref("Array.length", "length")}} 属性值将被返回。</p> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="Description" name="Description">描述</h2> <p>push方法将值追加到数组中。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html index c362c85c77..11e8a7ac85 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/reduce/index.html @@ -157,13 +157,6 @@ var maxCallback2 = ( max, cur ) => Math.max( max, cur ); </tbody> </table> -<table style="width: 100%;"> - <tbody> - <tr> - </tr> - </tbody> -</table> - <p>由<code>reduce</code>返回的值将是最后一次回调返回值(10)。</p> <p>你还可以使用{{jsxref("Functions/Arrow_functions", "箭头函数","",1)}}来代替完整的函数。 下面的代码将产生与上面的代码相同的输出:</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html index 1245486db3..793a4fd3a3 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/reduceright/index.html @@ -118,7 +118,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight <p>一共会调用四次回调函数,每次调用的参数及返回值如下:</p> -<table style="width: 100%;"> +<table> <thead> <tr> <th scope="col"><code>callback</code></th> @@ -174,7 +174,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/ReduceRight }, 10); </pre> -<table style="width: 100%;"> +<table> <thead> <tr> <th scope="col"><code>callback</code></th> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/reverse/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/reverse/index.html index a9c984245f..b408aa046f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/reverse/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/reverse/index.html @@ -20,23 +20,23 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/reverse <div></div> -<h2 id="语法" style="margin-bottom: 20px; line-height: 30px;">语法</h2> +<h2 id="语法">语法</h2> <pre class="syntaxbox"><code><var> arr</var>.reverse()</code></pre> -<h3 id="返回值" style="line-height: 24px;">返回值</h3> +<h3 id="返回值">返回值</h3> <p>颠倒后的数组。</p> -<h2 id="描述" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="描述">描述</h2> <p><code>reverse</code> 方法颠倒数组中元素的位置,改变了数组,并返回该数组的引用。</p> <p>reverse方法是特意类化的;此方法可被 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call" title="The call() method calls a function with a given this value and arguments provided individually.">called</a> 或 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply" title="The apply() method calls a function with a given this value, and arguments provided as an array (or an array-like object).">applied</a>于类似数组对象。对象如果不包含反映一系列连续的、基于零的数值属性中的最后一个长度的属性,则该对象可能不会以任何有意义的方式运行。</p> -<h2 id="示例" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="示例">示例</h2> -<h3 id="颠倒数组中的元素" style="line-height: 24px;">颠倒数组中的元素</h3> +<h3 id="颠倒数组中的元素">颠倒数组中的元素</h3> <p>下例将会创建一个数组 sourceArray,其包含三个元素,然后颠倒该数组。</p> @@ -95,7 +95,7 @@ console.log(a); // {0: 3, 1: 2, 2: 1, length: 3}</code></pre> </tbody> </table> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -122,7 +122,7 @@ console.log(a); // {0: 3, 1: 2, 2: 1, length: 3}</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <div> <div> @@ -132,7 +132,7 @@ console.log(a); // {0: 3, 1: 2, 2: 1, length: 3}</code></pre> </div> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Array.prototype.join()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html b/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html index 0aa5dc1186..d62b834d40 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/array/slice/index.html @@ -201,7 +201,7 @@ var list1 = list(1, 2, 3); // [1, 2, 3] }()); </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -234,7 +234,7 @@ var list1 = list(1, 2, 3); // [1, 2, 3] </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <div> @@ -242,7 +242,7 @@ var list1 = list(1, 2, 3); // [1, 2, 3] <p>{{Compat("javascript.builtins.Array.slice")}}</p> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Array.prototype.splice()")}}</li> 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 c6e408edd2..8c5aabec0f 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 @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/some <p><code>some()</code> 为数组中的每一个元素执行一次 <code>callback</code> 函数,直到找到一个使得 callback 返回一个“真值”(即可转换为布尔值 true 的值)。如果找到了这样一个值,<code>some()</code> 将会立即返回 <code>true</code>。否则,<code>some()</code> 返回 <code>false</code>。<code>callback</code> 只会在那些”有值“的索引上被调用,不会在那些被删除或从来未被赋值的索引上调用。</p> -<p><code style="font-style: normal; line-height: 1.5;">callback</code> 被调用时传入三个参数:元素的值,元素的索引,被遍历的数组。</p> +<p><code>callback</code> 被调用时传入三个参数:元素的值,元素的索引,被遍历的数组。</p> <p>如果一个<code>thisArg</code>参数提供给some(),它将被用作调用的 <code>callback</code>的 <code>this</code> 值。否则, 它的 <code>this</code> value将是 <code>undefined</code>。<code>this</code>的值最终通过callback来观察,根据 <a href="/en-US/docs/Web/JavaScript/Reference/Operators/this">the usual rules for determining the <code>this</code> seen by a function</a>的this判定规则来确定。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html index 7b92b97033..566ba9e61e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html @@ -57,7 +57,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array <dd> <div class="trans-left"> <div class="trans-input-wrap"> - <div class="input-wrap" dir="ltr" style="height: auto;">用静态值填充从起始索引到结束索引的数组的所有元素。另请参见{jsxref(“Array.prototype.fill()")}}</div> + <div class="input-wrap" dir="ltr">用静态值填充从起始索引到结束索引的数组的所有元素。另请参见{jsxref(“Array.prototype.fill()")}}</div> </div> </div> </dd> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.html index 4bbfc8ad23..5f7d438415 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getdate/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDate <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.getDate()</code></pre> +<pre class="syntaxbox language-html"><code class="language-html">dateObj.getDate()</code></pre> <h2 id="Parameters" name="Parameters">参数</h2> @@ -27,14 +27,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDate <h3 id="Example:_Using_getDate" name="Example:_Using_getDate">例子: 使用getDate()<code>方法</code></h3> -<p>下面第二条语句将值25赋给 day 变量,该值基于日期对象 <code style="font-style: normal; line-height: 1.5;">Xmax95</code>的值。</p> +<p>下面第二条语句将值25赋给 day 变量,该值基于日期对象 <code>Xmax95</code>的值。</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var Xmas95 = new Date("December 25, 1995 23:15:00"); +<pre class="brush:js language-js"><code class="language-js">var Xmas95 = new Date("December 25, 1995 23:15:00"); var day = Xmas95.getDate(); alert(day); // 25</code></pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -63,11 +63,11 @@ alert(day); // 25</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getDate")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCDate()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html index e9b18b852e..b2ee4a80cd 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDay <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;"><em>dateObj</em>.getDay()</code> +<pre class="syntaxbox language-html"><code class="language-html"><em>dateObj</em>.getDay()</code> </pre> <h3 id="Description" name="Description">返回值</h3> @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getDay <p>下面第二条语句,基于{{jsxref("Date")}}对象 <code>Xmas95</code> 的值,把 1 赋值给 <code>weekday</code>。也就是说1995年12月25日是星期一。</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var Xmas95 = new Date("December 25, 1995 23:15:30"); +<pre class="brush:js language-js"><code class="language-js">var Xmas95 = new Date("December 25, 1995 23:15:30"); var weekday = Xmas95.getDay(); console.log(weekday); // 1</code></pre> @@ -41,7 +41,7 @@ console.log(new Intl.DateTimeFormat('de-DE', options).format(Xmas95)); // Montag</code></pre> </div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -73,11 +73,11 @@ console.log(new Intl.DateTimeFormat('de-DE', options).format(Xmas95)); </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getDay")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCDate()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.html index 7c4cf29b9a..6b8638c52d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getfullyear/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getFullYear <h2 id="Syntax" name="Syntax">语法</h2> -<pre style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.getFullYear()</code> +<pre><code class="language-html">dateObj.getFullYear()</code> </pre> <h3 id="Description" name="Description">返回值</h3> @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getFullYear var year = today.getFullYear(); </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -74,11 +74,11 @@ var year = today.getFullYear(); </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getFullYear")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.html index eb8ad854e1..fda9396354 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/gethours/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getHours <h2 id="语法">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><var>dateObj</var>.getHours()</pre> +<pre class="syntaxbox language-html"><var>dateObj</var>.getHours()</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -29,12 +29,12 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getHours <p>下面第二条语句,基于日期对象 <code>Xmas95 </code>的值,把 23 赋值给了变量 <code>hours。</code></p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var Xmas95 = new Date("December 25, 1995 23:15:00"); +<pre class="brush:js language-js"><code class="language-js">var Xmas95 = new Date("December 25, 1995 23:15:00"); var hours = Xmas95.getHours(); alert(hours); // 23</code></pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -61,11 +61,11 @@ alert(hours); // 23</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getHours")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCHours()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.html index be3ebe8f9b..c5dd09e3d9 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getmilliseconds/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMilliseconds <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><var>dateObj</var>.getMilliseconds()</pre> +<pre class="syntaxbox language-html"><var>dateObj</var>.getMilliseconds()</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -29,11 +29,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMilliseconds <p>下例中,将当前时间的毫秒数赋值给变量 <code>ms</code>。</p> -<pre class="brush: js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var ms; +<pre class="brush: js language-js"><code class="language-js">var ms; Today = new Date(); ms = Today.getMilliseconds();</code></pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -60,11 +60,11 @@ ms = Today.getMilliseconds();</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getMilliseconds")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.html index 7a1fd0f433..8322a9e813 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getminutes/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMinutes <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.getMinutes()</code></pre> +<pre class="syntaxbox language-html"><code class="language-html">dateObj.getMinutes()</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -27,10 +27,10 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getMinutes <p>下例中,第二行语句运行过后,变量 <code>minutes </code>的值为15,也就是说 <code>Xmas95 </code>这个日期对象的值为某时15分某秒。</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var Xmas95 = new Date("December 25, 1995 23:15:00"); +<pre class="brush:js language-js"><code class="language-js">var Xmas95 = new Date("December 25, 1995 23:15:00"); var minutes = Xmas95.getMinutes();</code></pre> -<p dir="ltr"><strong style="font-size: 2.142857142857143rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">规范</strong></p> +<p dir="ltr"><strong>规范</strong></p> <table class="standard-table"> <tbody> @@ -57,13 +57,13 @@ var minutes = Xmas95.getMinutes();</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p> </p> <p>{{Compat("javascript.builtins.Date.getMinutes")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCMinutes()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.html index 0002ecf4a1..63a953f263 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getmonth/index.html @@ -79,7 +79,7 @@ console.log(month); // 11</pre> <p>{{Compat("javascript.builtins.Date.getMonth")}}</p> </div> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCMonth()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.html index 457f166047..ded6203208 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getseconds/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getSeconds <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.getSeconds()</code></pre> +<pre class="syntaxbox language-html"><code class="language-html">dateObj.getSeconds()</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -29,14 +29,14 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getSeconds <p>下面第二条语句,基于日期对象 <code>Xmas95</code> 的值,把 30 赋值给变量 <code>secs</code>。</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var Xmas95 = new Date("December 25, 1995 23:15:30"); +<pre class="brush:js language-js"><code class="language-js">var Xmas95 = new Date("December 25, 1995 23:15:30"); var secs = Xmas95.getSeconds();</code></pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: transparent;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: transparent;"> </div> +<div class="line-number"> </div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -63,11 +63,11 @@ var secs = Xmas95.getSeconds();</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Date.getSeconds")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Date.prototype.getUTCSeconds()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html index 87b619c759..7ee056a7df 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/gettimezoneoffset/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.getTimezoneOffset()</code></pre> +<pre class="syntaxbox language-html"><code class="language-html">dateObj.getTimezoneOffset()</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/index.html index 2c8e41406b..764d868453 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/index.html @@ -45,7 +45,7 @@ new Date(<var>year</var>, <var>monthIndex</var> [, <var>day</var> [, <var>hours< <h4 id="时间戳字符串">时间戳字符串</h4> </dt> <dt><code>dateString</code></dt> - <dd>表示日期的字符串值。该字符串应该能被 {{jsxref("Date.parse()")}} 正确方法识别(即符合 <a href="http://tools.ietf.org/html/rfc2822#page-14" style="white-space: pre-line;">IETF-compliant RFC 2822 timestamps</a> 或 <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15">version of ISO8601</a>)。 + <dd>表示日期的字符串值。该字符串应该能被 {{jsxref("Date.parse()")}} 正确方法识别(即符合 <a href="http://tools.ietf.org/html/rfc2822#page-14">IETF-compliant RFC 2822 timestamps</a> 或 <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15">version of ISO8601</a>)。 <div class="note"> <p><strong>注意:</strong> 由于浏览器之间的差异与不一致性,强烈不推荐使用<code>Date</code>构造函数来解析日期字符串 (或使用与其等价的<code>Date.parse</code>)。对 RFC 2822 格式的日期仅有约定俗成的支持。 对 ISO 8601 格式的支持中,仅有日期的串 (例如 "1970-01-01") 会被处理为 UTC 而不是本地时间,与其他格式的串的处理不同。</p> </div> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.html index ad8ffc0c33..c8fcb530ab 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/setfullyear/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/setFullYear <h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr;">dateObj.setFullYear(yearValue[, monthValue[, dayValue]])</code></pre> +<pre class="syntaxbox language-html"><code class="language-html">dateObj.setFullYear(yearValue[, monthValue[, dayValue]])</code></pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/setFullYear <h3 id="Example:_Using_setFullYear" name="Example:_Using_setFullYear">例子:使用<code>setFullYear</code>方法</h3> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; text-shadow: none; direction: ltr; white-space: normal; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; color: inherit; text-shadow: none; direction: ltr; white-space: pre;">var theBigDay = new Date(); +<pre class="brush:js language-js"><code class="language-js">var theBigDay = new Date(); theBigDay.setFullYear(1997);</code></pre> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/tolocalestring/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/tolocalestring/index.html index e351f33c33..a5b2885180 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/tolocalestring/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/tolocalestring/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleString --- <div>{{JSRef("Global_Objects", "Date")}}</div> -<p><code><strong>toLocaleString()</strong></code> 方法返回该日期对象的字符串,该字符串格式因不同语言而不同。新增的参数 <code style="font-style: normal; line-height: 1.5;">locales</code> 和 <code style="font-style: normal; line-height: 1.5;">options</code> 使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现(behavior)。在旧版本浏览器中, <code style="font-style: normal; line-height: 1.5;">locales</code> 和 <code style="font-style: normal; line-height: 1.5;">options</code> 参数被忽略,使用的语言环境和返回的字符串格式是各自独立实现的。</p> +<p><code><strong>toLocaleString()</strong></code> 方法返回该日期对象的字符串,该字符串格式因不同语言而不同。新增的参数 <code>locales</code> 和 <code>options</code> 使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现(behavior)。在旧版本浏览器中, <code>locales</code> 和 <code>options</code> 参数被忽略,使用的语言环境和返回的字符串格式是各自独立实现的。</p> <div>{{EmbedInteractiveExample("pages/js/date-tolocalestring.html")}}</div> @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleString <h3 id="Parameters" name="Parameters">参数</h3> -<p>查看<a href="#Browser_Compatibility" title="#Browser_Compatibility">浏览器兼容性</a>小节,看下哪些浏览器支持 <code style="font-style: normal;">locales</code> 和 <code style="font-style: normal;">options</code> 参数,还可以参看<a href="#Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 参数支持情况</a>。</p> +<p>查看<a href="#Browser_Compatibility" title="#Browser_Compatibility">浏览器兼容性</a>小节,看下哪些浏览器支持 <code>locales</code> 和 <code>options</code> 参数,还可以参看<a href="#Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 参数支持情况</a>。</p> <p>{{page('zh-CN/docs/JavaScript/Reference/Global_Objects/DateTimeFormat','Parameters')}}</p> @@ -42,7 +42,7 @@ date.toLocaleString(); <h3 id="Example:_Checking_for_support_for_locales_and_options_arguments" name="Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 参数支持情况</h3> -<p><code style="font-style: normal;">locales</code> 和 <code style="font-style: normal;">options</code> 参数不是所有的浏览器都支持。为了检测一种实现环境(implementation)是否支持它们,可以使用不合法的语言标签,如果实现环境支持该参数,则会抛出一个 <code style="font-style: normal;">RangeError</code> 异常,反之会忽略参数。</p> +<p><code>locales</code> 和 <code>options</code> 参数不是所有的浏览器都支持。为了检测一种实现环境(implementation)是否支持它们,可以使用不合法的语言标签,如果实现环境支持该参数,则会抛出一个 <code>RangeError</code> 异常,反之会忽略参数。</p> <pre class="brush: js">function toLocaleStringSupportsLocales() { try { @@ -56,7 +56,7 @@ date.toLocaleString(); <h3 id="Example:_Using_locales" name="Example:_Using_locales">例子:使用 <code>locales</code> 参数</h3> -<p>下例展示了本地化日期格式的一些变化。为了在应用的用户界面得到某种语言的日期和时间格式,必须确保使用 <code style="font-style: normal;">locales</code> 参数指定了该语言(可能还需要设置某些回退语言)。</p> +<p>下例展示了本地化日期格式的一些变化。为了在应用的用户界面得到某种语言的日期和时间格式,必须确保使用 <code>locales</code> 参数指定了该语言(可能还需要设置某些回退语言)。</p> <pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); @@ -90,7 +90,7 @@ alert(date.toLocaleString(["ban", "id"])); <h3 id="Example:_Using_options" name="Example:_Using_options">例子:使用 <code>options</code> 参数</h3> -<p>可以使用 <code style="font-style: normal;">options </code>参数来自定义 <code style="font-style: normal;">toLocaleString</code> 方法返回的字符串。</p> +<p>可以使用 <code>options </code>参数来自定义 <code>toLocaleString</code> 方法返回的字符串。</p> <pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/tolocaletimestring/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/tolocaletimestring/index.html index 2f31d53e2d..cf32bed733 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/tolocaletimestring/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/tolocaletimestring/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString --- <div>{{JSRef("Global_Objects", "Date")}}</div> -<p>The <code><strong>toLocaleTimeString()</strong></code> 方法返回该日期对象时间部分的字符串,该字符串格式因不同语言而不同。新增的参数 <code style="font-style: normal; line-height: 1.5;">locales</code> 和 <code style="font-style: normal; line-height: 1.5;">options</code> 使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现(behavior)。在旧版本浏览器中, <code style="font-style: normal; line-height: 1.5;">locales</code> 和 <code style="font-style: normal; line-height: 1.5;">options</code> 参数被忽略,使用的语言环境和返回的字符串格式是各自独立实现的。</p> +<p>The <code><strong>toLocaleTimeString()</strong></code> 方法返回该日期对象时间部分的字符串,该字符串格式因不同语言而不同。新增的参数 <code>locales</code> 和 <code>options</code> 使程序能够指定使用哪种语言格式化规则,允许定制该方法的表现(behavior)。在旧版本浏览器中, <code>locales</code> 和 <code>options</code> 参数被忽略,使用的语言环境和返回的字符串格式是各自独立实现的。</p> <div>{{EmbedInteractiveExample("pages/js/date-tolocaletimestring.html")}}</div> @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString <h3 id="Parameters" name="Parameters">参数</h3> -<p>查看<a href="#Browser_Compatibility" title="#Browser_Compatibility">浏览器兼容性</a>小节,看下哪些浏览器支持 <code style="font-style: normal;">locales</code> 和 <code style="font-style: normal;">options</code> 参数,还可以参看<a href="#Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 参数支持情况</a>。</p> +<p>查看<a href="#Browser_Compatibility" title="#Browser_Compatibility">浏览器兼容性</a>小节,看下哪些浏览器支持 <code>locales</code> 和 <code>options</code> 参数,还可以参看<a href="#Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 参数支持情况</a>。</p> <p>{{page('zh-US/docs/JavaScript/Reference/Global_Objects/DateTimeFormat','Parameters')}}</p> @@ -38,7 +38,7 @@ alert(date.toLocaleTimeString()); <h3 id="Example:_Checking_for_support_for_locales_and_options_arguments" name="Example:_Checking_for_support_for_locales_and_options_arguments">例子:检测 <code>locales</code> 和 <code>options</code> 支持情况</h3> -<p><code style="font-style: normal;">locales</code> 和 <code style="font-style: normal;">options</code> 参数不是所有的浏览器都支持。为了检测一种实现环境(implementation)是否支持它们,可以使用不合法的语言标签,如果实现环境支持该参数,则会抛出一个 <code style="font-style: normal;">RangeError</code> 异常,反之会忽略参数。</p> +<p><code>locales</code> 和 <code>options</code> 参数不是所有的浏览器都支持。为了检测一种实现环境(implementation)是否支持它们,可以使用不合法的语言标签,如果实现环境支持该参数,则会抛出一个 <code>RangeError</code> 异常,反之会忽略参数。</p> <pre class="brush: js">function toLocaleTimeStringSupportsLocales() { try { @@ -52,7 +52,7 @@ alert(date.toLocaleTimeString()); <h3 id="Example:_Using_locales" name="Example:_Using_locales">例子:使用 <code>locales</code> 参数</h3> -<p>下例展示了本地化时间格式的一些变化。为了在应用的用户界面得到某种语言的时间格式,必须确保使用 <code style="font-style: normal;">locales</code> 参数指定了该语言(可能还需要设置某些回退语言)。</p> +<p>下例展示了本地化时间格式的一些变化。为了在应用的用户界面得到某种语言的时间格式,必须确保使用 <code>locales</code> 参数指定了该语言(可能还需要设置某些回退语言)。</p> <pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); @@ -83,7 +83,7 @@ alert(date.toLocaleTimeString(["ban", "id"])); <h3 id="Example:_Using_options" name="Example:_Using_options">例子:使用 <code>options</code> 参数</h3> -<p>可以使用 <code style="font-style: normal;">options </code>参数来自定义 <code style="font-style: normal;">toLocaleTimeString</code> 方法返回的字符串。</p> +<p>可以使用 <code>options </code>参数来自定义 <code>toLocaleTimeString</code> 方法返回的字符串。</p> <pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.html index b99486c6b6..faa183e9cf 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/totimestring/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toTimeString <p>{{jsxref("Global_Objects/Date", "Date")}} 对象的实例引用一个具体的时间点。 调用 {{jsxref("Date.toString", "toString")}} 方法以美式英语和人类易读的形式,返回日期对象的格式化字符串。在 <a href="/en-US/docs/SpiderMonkey" title="SpiderMonkey">SpiderMonkey</a> 里,该字符串由日期部分(年月日)和其后的时间部分(时分秒和时区)组成。有时会需要获取时间部分的字符串,这可以由 <code>toTimeString</code> 方法完成。</p> -<p>The <code style="font-style: normal;">toTimeString</code> method is especially useful because compliant engines implementing <a href="https://developer.mozilla.org/en-US/docs/ECMAScript" title="ECMAScript">ECMA-262</a> may differ in the string obtained from <code style="font-style: normal;">toString</code> for <code style="font-style: normal;">Date</code> objects, as the format is implementation-dependent; simple string slicing approaches may not produce consistent results across multiple engines.</p> +<p>The <code>toTimeString</code> method is especially useful because compliant engines implementing <a href="https://developer.mozilla.org/en-US/docs/ECMAScript" title="ECMAScript">ECMA-262</a> may differ in the string obtained from <code>toString</code> for <code>Date</code> objects, as the format is implementation-dependent; simple string slicing approaches may not produce consistent results across multiple engines.</p> <h2 id="Example" name="Example">例子</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/index.html b/files/zh-cn/web/javascript/reference/global_objects/error/index.html index b9334c7969..fe9ad2deed 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/error/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/error/index.html @@ -49,37 +49,37 @@ const y = new Error('I was constructed via the "new" keyword!');</code></pre> <h3 id="Error_types" name="Error_types">Error 类型</h3> -<p>除了通用的Error构造函数外,JavaScript还有6个其他类型的错误构造函数。更多客户端异常,详见 <a href="/en/JavaScript/Guide/Statements#Exception_Handling_Statements" style="line-height: inherit;" title="en/JavaScript/Guide/Statements#Exception Handling Statements">Exception Handling Statements</a>。</p> +<p>除了通用的Error构造函数外,JavaScript还有6个其他类型的错误构造函数。更多客户端异常,详见 <a href="/en/JavaScript/Guide/Statements#Exception_Handling_Statements" title="en/JavaScript/Guide/Statements#Exception Handling Statements">Exception Handling Statements</a>。</p> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("EvalError")}}</strong></dt> + <dt><strong>{{jsxref("EvalError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:与 {{jsxref("Global_Objects/eval", "eval()")}} 有关。</dd> - <dt><strong style="font-weight: bold;">{{jsxref("InternalError")}} {{non-standard_inline}}</strong></dt> + <dt><strong>{{jsxref("InternalError")}} {{non-standard_inline}}</strong></dt> <dd>创建一个代表Javascript引擎内部错误的异常抛出的实例。 如: "递归太多".</dd> </dl> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("RangeError", "RangeError")}}</strong></dt> + <dt><strong>{{jsxref("RangeError", "RangeError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:数值变量或参数超出其有效范围。</dd> </dl> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("ReferenceError")}}</strong></dt> + <dt><strong>{{jsxref("ReferenceError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:无效引用。</dd> </dl> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("SyntaxError")}}</strong></dt> + <dt><strong>{{jsxref("SyntaxError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:{{jsxref("Global_Objects/eval", "eval()")}}在解析代码的过程中发生的语法错误。</dd> </dl> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("TypeError")}}</strong></dt> + <dt><strong>{{jsxref("TypeError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:变量或参数不属于有效类型。</dd> </dl> <dl> - <dt><strong style="font-weight: bold;">{{jsxref("URIError")}}</strong></dt> + <dt><strong>{{jsxref("URIError")}}</strong></dt> <dd>创建一个error实例,表示错误的原因:给 {{jsxref("Global_Objects/encodeURI", "encodeURI()")}}或 {{jsxref("Global_Objects/decodeURI", "decodeURI()")}}传递的参数无效。</dd> </dl> @@ -141,7 +141,7 @@ const y = new Error('I was constructed via the "new" keyword!');</code></pre> <p>你可能希望自定义基于Error的异常类型,使得你能够 throw new MyError() 并可以使用 <code>instanceof MyError</code> 来检查某个异常的类型. 这种需求的通用解决方法如下.</p> -<div class="warning" style="font-size: 14px;"> +<div class="warning"> <p>注意,在FireFox中抛出自定义类型的异常会显示不正确的行号和文件名。</p> </div> @@ -170,49 +170,49 @@ try { console.log(e.message); // 'custom message' }</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 76px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 95px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 114px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 133px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 152px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 171px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 190px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 209px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 228px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 247px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 266px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 285px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 304px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 323px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 342px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 361px; background: 0px 0px;"></div> +<div class="line-number"></div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 380px; background: 0px 0px;"></div> +<div class="line-number"></div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -244,11 +244,11 @@ try { </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <div>{{Compat("javascript.builtins.Error")}}</div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Error.prototype")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/name/index.html b/files/zh-cn/web/javascript/reference/global_objects/error/name/index.html index 4d24a6f972..0903c6e059 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/error/name/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/error/name/index.html @@ -7,7 +7,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Error/name <h2 id="Summary" name="Summary">概述</h2> -<p><code style="font-style: normal; line-height: 19.0909080505371px;"><strong>name</strong></code> 属性表示error类型的名称.初始值为"Error".</p> +<p><code><strong>name</strong></code> 属性表示error类型的名称.初始值为"Error".</p> <h2 id="Description" name="Description">描述</h2> @@ -23,9 +23,9 @@ e.name = "ParseError"; // 修改之后,e.toString()会成为下 throw e; // "ParseError: Malformed input" </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> -<table class="standard-table" style="line-height: 19.0909080505371px;"> +<table class="standard-table"> <tbody> <tr> <th scope="col">Specification</th> @@ -50,20 +50,20 @@ throw e; // "ParseError: Malformed input" </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> -<div style="line-height: 19.0909080505371px;">{{CompatibilityTable}}</div> +<div>{{CompatibilityTable}}</div> -<div style="line-height: 19.0909080505371px;"> -<table class="compat-table" style="border-color: transparent;"> +<div> +<table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -77,17 +77,17 @@ throw e; // "ParseError: Malformed input" </table> </div> -<div style="line-height: 19.0909080505371px;"> -<table class="compat-table" style="border-color: transparent;"> +<div> +<table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -102,9 +102,9 @@ throw e; // "ParseError: Malformed input" </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> -<ul style="line-height: 19.0909080505371px;"> +<ul> <li>{{jsxref("Error.prototype.message")}}</li> <li>{{jsxref("Error.prototype.toString()")}}</li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/error/stack/index.html b/files/zh-cn/web/javascript/reference/global_objects/error/stack/index.html index 0406826e77..53daa6aba0 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/error/stack/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/error/stack/index.html @@ -100,7 +100,7 @@ try { // @file:///C:/example.html:7:6 </pre> -<p>你也可以使用<code>//# sourceURL</code> 命名eval源的指令。 也可以查看在 <a href="/en-US/docs/Tools/Debugger">Debugger</a>文档中的<a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources" style="">Debug eval 源</a>和<a href="http://fitzgeraldnick.com/weblog/59/">blog post博客 。</a></p> +<p>你也可以使用<code>//# sourceURL</code> 命名eval源的指令。 也可以查看在 <a href="/en-US/docs/Tools/Debugger">Debugger</a>文档中的<a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Debug eval 源</a>和<a href="http://fitzgeraldnick.com/weblog/59/">blog post博客 。</a></p> <h2 id="规范">规范</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html index 944791e29c..89706614c4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/apply/index.html @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/apply <p>在调用一个存在的函数时,你可以为其指定一个 <code>this</code> 对象。 <code>this</code> 指当前对象,也就是正在调用这个函数的对象。 使用 <code>apply</code>, 你可以只写一次这个方法然后在另一个对象中继承它,而不用在新对象中重复写该方法。</p> -<p><code>apply</code> 与 {{jsxref("Function.call", "call()")}} 非常相似,不同之处在于提供参数的方式。<code style="font-size: 14px;">apply</code> 使用参数数组而不是一组参数列表。<code>apply</code> 可以使用数组字面量(array literal),如 <code>fun.apply(this, ['eat', 'bananas'])</code>,或数组对象, 如 <code>fun.apply(this, new Array('eat', 'bananas'))</code>。</p> +<p><code>apply</code> 与 {{jsxref("Function.call", "call()")}} 非常相似,不同之处在于提供参数的方式。<code>apply</code> 使用参数数组而不是一组参数列表。<code>apply</code> 可以使用数组字面量(array literal),如 <code>fun.apply(this, ['eat', 'bananas'])</code>,或数组对象, 如 <code>fun.apply(this, new Array('eat', 'bananas'))</code>。</p> <p>你也可以使用 {{jsxref("Functions/arguments", "arguments")}}对象作为 <code>argsArray</code> 参数。 <code>arguments</code> 是一个函数的局部变量。 它可以被用作被调用对象的所有未指定的参数。 这样,你在使用apply函数的时候就不需要知道被调用对象的所有参数。 你可以使用arguments来把所有的参数传递给被调用对象。 被调用对象接下来就负责处理这些参数。</p> @@ -131,7 +131,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); <p>使用闭包:</p> -<pre class="brush: js" style="font-style: normal;">Function.prototype.construct = function(aArgs) { +<pre class="brush: js">Function.prototype.construct = function(aArgs) { var fConstructor = this, fNewConstr = function() { fConstructor.apply(this, aArgs); }; @@ -139,7 +139,7 @@ var min = minOfArray([5, 6, 2, 3, 7]); return new fNewConstr(); };</pre> -<p class="brush: js" style="font-style: normal;">使用 Function 构造器:</p> +<p class="brush: js">使用 Function 构造器:</p> <pre class="brush: js">Function.prototype.construct = function (aArgs) { var fNewConstr = new Function(""); @@ -168,7 +168,7 @@ console.log(myInstance.constructor); // logs "MyConstructor" <div class="note"><strong>注意:</strong> 这个非native的<code>Function.construct</code>方法无法和一些native构造器(例如<a href="/zh-CN/docs/JavaScript/Reference/Global_Objects/Date" title="JavaScript/Reference/Global_Objects/Date"><code>Date</code></a>)一起使用。 在这种情况下你必须使用<a href="/zh-CN/docs/JavaScript/Reference/Global_Objects/Function/bind#Bound_functions_used_as_constructors" title="JavaScript/Reference/Global_Objects/Function/bind#Bound_functions_used_as_constructors"><code>Function.bind</code></a>方法(例如,想象有如下一个数组要用在Date构造器中: <code>[2012, 11, 4]</code>;这时你需要这样写: <code>new (Function.prototype.bind.apply(Date, [null].concat([2012, 11, 4])))()</code> – -无论如何这不是最好的实现方式并且也许不该用在任何生产环境中).</div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -200,11 +200,11 @@ console.log(myInstance.constructor); // logs "MyConstructor" </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.Function.apply")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Functions_and_function_scope/arguments", "arguments ")}} object</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html index 8940da5ad4..45ee18de46 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/bind/index.html @@ -212,7 +212,7 @@ var slice = Function.prototype.apply.bind(unboundSlice); slice(arguments);</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/call/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/call/index.html index 5b9fc87b48..5962c181a0 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/call/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/call/index.html @@ -101,7 +101,7 @@ var obj = { greet.call(obj); // cats typically sleep between 12 and 16 hours </pre> -<h3 id="使用_call_方法调用函数并且不指定第一个参数(argument)" style="margin-bottom: 20px; line-height: 30px;">使用 <code><strong>call</strong></code> 方法调用函数并且不指定第一个参数(<code>argument</code>)</h3> +<h3 id="使用_call_方法调用函数并且不指定第一个参数(argument)">使用 <code><strong>call</strong></code> 方法调用函数并且不指定第一个参数(<code>argument</code>)</h3> <p>在下面的例子中,我们调用了 <code>display</code> 方法,但并没有传递它的第一个参数。如果没有传递第一个参数,<code>this</code> 的值将会被绑定为全局对象。</p> @@ -127,7 +127,7 @@ function display() { display.call(); // Cannot read the property of 'sData' of undefined</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -165,7 +165,7 @@ display.call(); // Cannot read the property of 'sData' of undefined</pre> <p>{{Compat("javascript.builtins.Function.call")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Function.prototype.bind()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/name/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/name/index.html index 61f96599b8..0f7695c49e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/name/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/name/index.html @@ -46,7 +46,7 @@ var object = { console.log(f.name); // "f" console.log(object.someMethod.name); // "someMethod"</pre> -<p style="color: rgb(77, 78, 83);">你可以在 {{jsxref("Operators/Function", "函数表达式", "", 1)}}中定义函数的名称:</p> +<p>你可以在 {{jsxref("Operators/Function", "函数表达式", "", 1)}}中定义函数的名称:</p> <pre class="brush:js">var object = { someMethod: function object_someMethod() {} diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/tostring/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/tostring/index.html index 01bf4d2ce7..1ab33a0d1f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/tostring/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/tostring/index.html @@ -176,7 +176,7 @@ Function("a", "b")</pre> </tbody> </table> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/generator/index.html b/files/zh-cn/web/javascript/reference/global_objects/generator/index.html index f7e4fc037b..9efc414db4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/generator/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/generator/index.html @@ -59,7 +59,7 @@ console.log(gen.next().value); <h2 id="传统的生成器对象">传统的生成器对象</h2> -<p>Firefox (SpiderMonkey) 在 <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JavaScript 1.7</a> 中也实现了一个较早版本的生成器,其中函数声明中的星号(*)不是必需的 (只需在函数体中使用<code style="font-style: normal;">yield</code> 关键字)。但是,旧式生成器已弃用。不要使用它们;他们将被删除 ({{bug(1083482)}})。</p> +<p>Firefox (SpiderMonkey) 在 <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JavaScript 1.7</a> 中也实现了一个较早版本的生成器,其中函数声明中的星号(*)不是必需的 (只需在函数体中使用<code>yield</code> 关键字)。但是,旧式生成器已弃用。不要使用它们;他们将被删除 ({{bug(1083482)}})。</p> <h3 id="传统的生成器方法">传统的生成器方法</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.html b/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.html index 296dcf5bc0..e69904ba41 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/isfinite/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/isFinite <h2 id="语法">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);">isFinite(<em>testValue</em>)</pre> +<pre class="syntaxbox language-html">isFinite(<em>testValue</em>)</pre> <h3 id="Parameters" name="Parameters">参数</h3> @@ -31,9 +31,9 @@ translation_of: Web/JavaScript/Reference/Global_Objects/isFinite <p>你可以用这个方法来判定一个数字是否是有限数字。<code>isFinite</code> 方法检测它参数的数值。如果参数是 <code>NaN</code>,正无穷大或者负无穷大,会返回<code>false</code>,其他返回 <code>true</code>。</p> -<h2 id="Examples" name="Examples" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="Examples" name="Examples">示例</h2> -<pre class="brush: js language-js" style="padding: 1em 0px 1em 30px; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(234, 239, 242, 0.247059);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre; color: inherit; text-shadow: none;">isFinite(Infinity); // false +<pre class="brush: js language-js"><code class="language-js">isFinite(Infinity); // false isFinite(NaN); // false isFinite(-Infinity); // false @@ -43,25 +43,25 @@ isFinite(2e64); // true, 在更强壮的Number.isFinite(null)中将会得 isFinite("0"); // true, 在更强壮的Number.isFinite('0')中将会得到false</code></pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 76px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 95px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 114px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 133px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 152px; background: 0px 0px;"> </div> +<div class="line-number"> </div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -93,11 +93,11 @@ isFinite("0"); // true, 在更强壮的Number.isFinite('0')中将会得到 </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.isFinite")}}</p> -<h2 id="See_Also" name="See_Also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_Also" name="See_Also">相关链接</h2> <ul> <li>{{jsxref("Number.isFinite()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/json/index.html b/files/zh-cn/web/javascript/reference/global_objects/json/index.html index 9eb0663504..cbacf78288 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/json/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/json/index.html @@ -17,7 +17,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/JSON <h3 id="JavaScript_Object_Notation" name="JavaScript_Object_Notation">JavaScript Object Notation</h3> -<p><strong>JSON</strong> 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 {{jsxref("null")}} 。它基于 JavaScript 语法,但与之不同:<strong>JavaScript不是JSON,JSON也不是JavaScript</strong>。参考 <a href="http://timelessrepo.com/json-isnt-a-javascript-subset" style="line-height: 1.5; text-decoration: underline;">JSON:并不是JavaScript 的子集</a>。</p> +<p><strong>JSON</strong> 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 {{jsxref("null")}} 。它基于 JavaScript 语法,但与之不同:<strong>JavaScript不是JSON,JSON也不是JavaScript</strong>。参考 <a href="http://timelessrepo.com/json-isnt-a-javascript-subset">JSON:并不是JavaScript 的子集</a>。</p> <table> <caption>JavaScript 与 JSON 的区别</caption> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.html index bd41c06b44..6112c6e45e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/clz32/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/clz32 <dd>一个数字.</dd> </dl> -<h2 id="描述" style="line-height: 30px;">描述</h2> +<h2 id="描述">描述</h2> <p>"clz32" 是 CountLeadingZeroes32 的缩写.</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/expm1/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/expm1/index.html index 3098a43b63..ff321fb664 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/expm1/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/expm1/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/expm1 <h2 id="Description" name="Description">描述</h2> -<p><code>参数 <code style="font-size: 14px; line-height: inherit; margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83);">x</code> 会被自动类型转换成 <code style="font-size: 14px; line-height: inherit; margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83);">number </code>类型.</code></p> +<p><code>参数 <code>x</code> 会被自动类型转换成 <code>number </code>类型.</code></p> <p><code>expm1 是 "exponent minus 1" 的缩写.</code></p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/log/index.html index 827dea60af..5be95016a8 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/log/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/log/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/log <p>如果指定的 <code>number</code> 为负数,则返回值为 <code>NaN</code>。</p> -<p>由于 <code style="font-style: normal;">log</code> 是 <code style="font-style: normal;">Math</code> 的静态方法,所以应该像这样使用:<code style="font-style: normal;">Math.log()</code>,而不是作为你创建的 <code style="font-style: normal;">Math</code> 对象的方法。</p> +<p>由于 <code>log</code> 是 <code>Math</code> 的静态方法,所以应该像这样使用:<code>Math.log()</code>,而不是作为你创建的 <code>Math</code> 对象的方法。</p> <h2 id="示例">示例</h2> @@ -49,7 +49,7 @@ Math.log(10); // 2.302585092994046</pre> <p>如果你运行 <code>getBaseLog(10, 1000),则会返回</code><code>2.9999999999999996,非常接近实际答案:3,原因是浮点数精度问题。</code></p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -76,7 +76,7 @@ Math.log(10); // 2.302585092994046</pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> @@ -84,12 +84,12 @@ Math.log(10); // 2.302585092994046</pre> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -107,13 +107,13 @@ Math.log(10); // 2.302585092994046</pre> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -128,7 +128,7 @@ Math.log(10); // 2.302585092994046</pre> </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <p></p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.html index 403d4039a2..e80f580580 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/log1p/index.html @@ -28,9 +28,9 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/log1p <p><code>函数 y = log(x+1) 的图形是这样的:</code></p> -<p> <img alt="log(x+1)" src="https://mdn.mozillademos.org/files/6467/logx1.jpg" style="height: 300px; width: 400px;"></p> +<p> <img alt="log(x+1)" src="https://mdn.mozillademos.org/files/6467/logx1.jpg"></p> -<p><strong style="font-size: 30px; font-weight: 700; letter-spacing: -1px; line-height: 30px;">示例</strong></p> +<p><strong>示例</strong></p> <pre class="brush:js">Math.log1p(Math.E-1) // 1 Math.log1p(0) // 0 diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.html index 9c844c1447..fcfc82fbd5 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/pi/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/PI <p>下面的函数使用 Math.PI 计算给定半径的圆周长:</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-js" style="direction: ltr; white-space: pre;">function calculateCircumference (radius) { +<pre class="brush:js language-js"><code class="language-js">function calculateCircumference (radius) { return 2 * Math.PI * radius; } diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.html index 3ede0647ac..9138f6d635 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/pow/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/pow --- <div>{{JSRef}}</div> -<p><code><strong>Math.pow()</strong></code> 函数返回基数(<code>base</code>)的指数(<code>exponent</code>)次幂,即 <code style="font-size: 14px;">base<sup>exponent</sup></code>。</p> +<p><code><strong>Math.pow()</strong></code> 函数返回基数(<code>base</code>)的指数(<code>exponent</code>)次幂,即 <code>base<sup>exponent</sup></code>。</p> <p>{{EmbedInteractiveExample("pages/js/math-pow.html")}}</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/round/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/round/index.html index 6b9b7956ba..409b9dbaa1 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/round/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/round/index.html @@ -40,7 +40,7 @@ x = Math.round(-20.5); //-20 x = Math.round(-20.51); //-21 </pre> -<h3 id="Example:_Decimal_rounding" name="Example:_Decimal_rounding" style="line-height: 24px;">小数舍入</h3> +<h3 id="Example:_Decimal_rounding" name="Example:_Decimal_rounding">小数舍入</h3> <pre class="brush: js">// 闭包 (function(){ @@ -126,7 +126,7 @@ Math.ceil10(-59, 1); // -50 round(1.005, 2); //1.01 </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -153,7 +153,7 @@ round(1.005, 2); //1.01 </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <div>{{CompatibilityTable}}</div> @@ -161,12 +161,12 @@ round(1.005, 2); //1.01 <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari (WebKit)</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> </tr> <tr> <td>Basic support</td> @@ -184,12 +184,12 @@ round(1.005, 2); //1.01 <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Phone</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <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>Basic support</td> @@ -203,7 +203,7 @@ round(1.005, 2); //1.01 </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <p></p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.html index 5171a2f9df..8eb81b8572 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/sqrt2/index.html @@ -16,7 +16,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Math/SQRT2 } getRoot2(); // 1.4142135623730951</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> <tr> @@ -41,18 +41,18 @@ getRoot2(); // 1.4142135623730951</pre> </tr> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> <div> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -69,13 +69,13 @@ getRoot2(); // 1.4142135623730951</pre> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -89,7 +89,7 @@ getRoot2(); // 1.4142135623730951</pre> </tbody> </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>The {{jsxref("Global_Objects/Math", "Math")}} object it belongs to.</li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.html index f260b85c58..485a96e75d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/trunc/index.html @@ -105,7 +105,7 @@ Math.trunc() // NaN</pre> <p>{{Compat("javascript.builtins.Math.trunc")}}</p> -<p><strong style="color: #4d4e53; font-size: 2.14286rem; font-weight: 700; letter-spacing: -1px;">相关链接</strong></p> +<p><strong>相关链接</strong></p> <ul> <li>{{jsxref("Math.abs()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/nan/index.html b/files/zh-cn/web/javascript/reference/global_objects/nan/index.html index c83a017f48..95eda30e2e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/nan/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/nan/index.html @@ -40,7 +40,7 @@ valueIsNaN(Number.NaN); // true</pre> <pre><code>isNaN('hello world'); // true Number.isNaN('hello world'); // false</code></pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <thead> @@ -55,11 +55,11 @@ Number.isNaN('hello world'); // false</code></pre> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.builtins.NaN")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Number.NaN")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/number/nan/index.html b/files/zh-cn/web/javascript/reference/global_objects/number/nan/index.html index e75b557e76..e7df054c6f 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/number/nan/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/number/nan/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN --- <div>{{JSRef("Global_Objects", "Number")}}</div> -<h2 id="Summary" name="Summary" style="margin-bottom: 20px; line-height: 30px;">概述</h2> +<h2 id="Summary" name="Summary">概述</h2> <p><code><strong>Number.NaN</strong></code> 表示“非数字”(Not-A-Number)。和 {{jsxref("Global_Objects/NaN", "NaN")}} 相同。</p> @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN <p>{{js_property_attributes(0,0,0)}}</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -45,7 +45,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> @@ -53,12 +53,12 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -76,13 +76,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -97,7 +97,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/NaN </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>全局对象 {{jsxref("Global_Objects/NaN", "NaN")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/constructor/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/constructor/index.html index b56ef4c920..ac1375763a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/constructor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/constructor/index.html @@ -196,7 +196,7 @@ Child.prototype.getOffsetByInitialPosition = function getOffsetByInitialPosition <p><strong>总结</strong>:手动设置或更新构造函数可能会导致不同且有时令人困惑的后果。为了防止它,只需在每个特定情况下定义构造函数的角色。在大多数情况下,不使用构造函数,并且不需要重新分配构造函数。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html index 255cd9ec0c..9bd6e7589c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/create/index.html @@ -159,7 +159,7 @@ o2 = Object.create({}, { } });</pre> -<h2 id="Polyfill" style="line-height: 24px;">Polyfill</h2> +<h2 id="Polyfill">Polyfill</h2> <p>这个 polyfill 涵盖了主要的应用场景,它创建一个已经选择了原型的新对象,但没有把第二个参数考虑在内。</p> @@ -182,7 +182,7 @@ o2 = Object.create({}, { }; }</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -213,11 +213,11 @@ o2 = Object.create({}, { <p>{{Compat("javascript.builtins.Object.create")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Object.defineProperty")}}</li> <li>{{jsxref("Object.defineProperties")}}</li> <li>{{jsxref("Object.prototype.isPrototypeOf")}}</li> - <li>John Resig's post on <a class="external external-icon" href="http://ejohn.org/blog/objectgetprototypeof/" style="white-space: pre-line;" title="http://ejohn.org/blog/objectgetprototypeof/">getPrototypeOf</a></li> + <li>John Resig's post on <a class="external external-icon" href="http://ejohn.org/blog/objectgetprototypeof/" title="http://ejohn.org/blog/objectgetprototypeof/">getPrototypeOf</a></li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html index e4d9e9ef7a..9758d0af9b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperties/index.html @@ -141,7 +141,7 @@ Object.defineProperties(obj, { return obj; }</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html index b37662d5ab..74b6088e27 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/defineproperty/index.html @@ -172,7 +172,7 @@ Object.defineProperty(obj, "key", withValue("static")); <h2 id="示例">示例</h2> -<p>如果你想了解如何使用 <code>Object.defineProperty</code> 方法和<em>类二进制标记</em>语法,可以看看这些<a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperty/Additional_examples" style="line-height: 1.5;">额外示例</a>。</p> +<p>如果你想了解如何使用 <code>Object.defineProperty</code> 方法和<em>类二进制标记</em>语法,可以看看这些<a href="/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperty/Additional_examples">额外示例</a>。</p> <h3 id="创建属性">创建属性</h3> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/freeze/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/freeze/index.html index 947a54007d..bd48ad319b 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/freeze/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/freeze/index.html @@ -161,7 +161,7 @@ TypeError: 1 is not an object // ES5 code <p>用<code>Object.seal()</code>密封的对象可以改变它们现有的属性。使用<code>Object.freeze()</code> 冻结的对象中现有属性是不可变的。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html index 7738e33117..b8432c64bd 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html @@ -27,7 +27,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDes <dd>目标对象内属性名称</dd> </dl> -<h3 id="返回值" style="line-height: 24px;">返回值</h3> +<h3 id="返回值">返回值</h3> <p>如果指定的属性存在于对象上,则返回其属性描述符对象(property descriptor),否则返回 {{jsxref("undefined")}}。</p> @@ -103,7 +103,7 @@ Object.getOwnPropertyDescriptor('foo', 0); // writable: false // }</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -139,7 +139,7 @@ Object.getOwnPropertyDescriptor('foo', 0); <div></div> -<div><strong style="">相关链接</strong> </div> +<div><strong>相关链接</strong> </div> <ul> <li>{{jsxref("Object.defineProperty()")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertynames/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertynames/index.html index b4ad24a572..3f86e43049 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertynames/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/getownpropertynames/index.html @@ -29,7 +29,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyNam <p>在给定对象上找到的自身属性对应的字符串数组。</p> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="Description" name="Description">描述</h2> <p><code>Object.getOwnPropertyNames()</code> 返回一个数组,该数组对元素是 <code>obj</code>自身拥有的枚举或不可枚举属性名称字符串。 数组中枚举属性的顺序与通过 {{jsxref("Statements/for...in", "for...in")}} 循环(或 {{jsxref("Object.keys")}})迭代该对象属性时一致。数组中不可枚举属性的顺序未定义。</p> @@ -155,7 +155,7 @@ Object.getOwnPropertyNames('foo'); <p>Firefox 28 {{geckoRelease("28")}}之前,<code>Object.getOwnPropertyNames</code> 不会获取到 {{jsxref("Error")}} 对象的属性。该 bug 在后面的版本修复了 ({{bug("724768")}})。</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Enumerability_and_ownership_of_properties" title="Enumerability_and_ownership_of_properties">Enumerability and ownership of properties</a></li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/getprototypeof/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/getprototypeof/index.html index df45e04217..2d8e4928f8 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/getprototypeof/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/getprototypeof/index.html @@ -65,30 +65,16 @@ Object.prototype === Object.getPrototypeOf( obj ); // true Object.prototype === Object.getPrototypeOf( {} ); // true</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"> </div> - <h2 id="Notes" name="Notes">Notes</h2> -<p>在 ES5 中,如果参数不是一个对象类型,将抛出一个{{jsxref("TypeError")}}异常。在 ES2015 中,参数会被强制转换为一个 {{jsxref("Object")}}<strong style="font-weight: bold;">。</strong></p> +<p>在 ES5 中,如果参数不是一个对象类型,将抛出一个{{jsxref("TypeError")}}异常。在 ES2015 中,参数会被强制转换为一个 {{jsxref("Object")}}<strong>。</strong></p> <pre class="brush: js">Object.getPrototypeOf('foo'); // TypeError: "foo" is not an object (ES5 code) Object.getPrototypeOf('foo'); // String.prototype (ES2015 code)</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"> </div> - -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -129,7 +115,7 @@ Object.getPrototypeOf('foo'); <li>{{jsxref("Object.prototype.isPrototypeOf")}}</li> <li>{{jsxref("Object.setPrototypeOf()")}}</li> <li>{{jsxref("Object.prototype.__proto__")}}</li> - <li>John Resig's post on <a class="external external-icon" href="http://ejohn.org/blog/objectgetprototypeof/" style="white-space: pre-line;" title="http://ejohn.org/blog/objectgetprototypeof/">getPrototypeOf</a></li> + <li>John Resig's post on <a class="external external-icon" href="http://ejohn.org/blog/objectgetprototypeof/" title="http://ejohn.org/blog/objectgetprototypeof/">getPrototypeOf</a></li> <li>{{jsxref("Reflect.getPrototypeOf()")}}</li> <li>{{jsxref("AsyncFunction")}}</li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/isextensible/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/isextensible/index.html index 249ce52673..817dd1296a 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/isextensible/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/isextensible/index.html @@ -49,7 +49,7 @@ Object.isExtensible(frozen); // === false <p> </p> -<h2 id="注意" style="margin-bottom: 20px; line-height: 30px;">注意</h2> +<h2 id="注意">注意</h2> <p>在 ES5 中,如果参数不是一个对象类型,将抛出一个 {{jsxref("TypeError")}} 异常。在 ES6 中, non-object 参数将被视为一个不可扩展的普通对象,因此会返回 false 。</p> @@ -60,7 +60,7 @@ Object.isExtensible(1); // false (ES6 code) </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -133,7 +133,7 @@ Object.isExtensible(1); </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li><strong>{{jsxref("Object.preventExtensions")}}</strong></li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/isfrozen/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/isfrozen/index.html index c923cc5530..9a730a6d2c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/isfrozen/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/isfrozen/index.html @@ -108,7 +108,7 @@ Object.isFrozen(1); // true (ES2015 code) </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html index e6a895f345..2a70e41e8e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/issealed/index.html @@ -68,7 +68,7 @@ Object.isFrozen(s2); // === false, 属性"p"可写 var s3 = Object.seal({ get p() { return 0; } }); Object.isFrozen(s3); // === true ,访问器属性不考虑可写不可写,只考虑是否可配置</pre> -<h2 id="注意" style="margin-bottom: 20px; line-height: 30px;">注意</h2> +<h2 id="注意">注意</h2> <p>在ES5中,如果这个方法的参数不是一个对象(一个原始类型),那么它会导致{{jsxref("TypeError")}}。在ES2015中,非对象参数将被视为是一个密封的普通对象,只返回<code>true</code>。</p> @@ -78,7 +78,7 @@ Object.isFrozen(s3); // === true ,访问器属性不考虑可写不可写,只 Object.isSealed(1); // true (ES2015 code)</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/keys/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/keys/index.html index b477b88320..3a778356b0 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/keys/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/keys/index.html @@ -28,7 +28,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/keys <p>一个表示给定对象的所有可枚举属性的字符串数组。</p> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="Description" name="Description">描述</h2> <p><code>Object.keys</code> 返回一个所有元素为字符串的数组,其元素来自于从给定的<code>object</code>上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。</p> @@ -110,7 +110,7 @@ Object.keys("foo"); <p>另一个简单的实现,参见<a class="external" href="http://tokenposts.blogspot.com.au/2012/04/javascript-objectkeys-browser.html">Javascript - Object.keys Browser Compatibility</a>。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/preventextensions/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/preventextensions/index.html index 9658716cff..f412762462 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/preventextensions/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/preventextensions/index.html @@ -86,7 +86,7 @@ fixed.__proto__ = { oh: 'hai' };</pre> Object.preventExtensions(1); // 1 (ES2015 code)</pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html index 6fd23f3d1d..69d14321ee 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/seal/index.html @@ -105,7 +105,7 @@ Object.seal(1); <p>使用<code>Object.freeze()</code>冻结的对象中的现有属性值是不可变的。用<code>Object.seal()</code>密封的对象可以改变其现有属性值。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/valueof/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/valueof/index.html index c9f98bebc4..e2627097bd 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/valueof/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/valueof/index.html @@ -7,7 +7,7 @@ tags: - Object translation_of: Web/JavaScript/Reference/Global_Objects/Object/valueOf --- -<div style="margin: 0px; padding: 0px; border: 0px; color: rgb(77, 78, 83); font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">{{JSRef}}</div> +<div>{{JSRef}}</div> <p><code><strong>valueOf()</strong></code> 方法返回指定对象的原始值。</p> @@ -81,8 +81,6 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/valueOf <pre class="brush: js">MyNumberType.prototype.valueOf = function() { return customPrimitiveValue; };</pre> -<div class="line-number" style="margin: 1em 0px 0px; border: 0px; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> </div> - <p>有了这样的一个方法,下一次每当<code>MyNumberType</code>要被转换为原始类型值时,JavaScript 在此之前会自动调用自定义的<code>valueOf</code>方法。</p> <p><code>valueOf</code>方法一般都会被 JavaScript 自动调用,但你也可以像下面代码那样自己调用:</p> @@ -90,7 +88,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/valueOf <pre class="brush: js">myNumberType.valueOf()</pre> <div class="note"> -<p dir="ltr"><strong style="border: 0px; margin: 0px; padding: 0px;">注意:</strong>字符串上下文中的对象通过 {{jsxref("Object.toString", "toString()")}}方法转换,这与使用<code>valueOf</code>转换为原始字符串的{{jsxref("String")}}对象不同。所有对象都能转换成一个“<code>[object <em>类型</em>]</code>”这种格式的字符串。但是很多对象不能转换为数字,布尔或函数。</p> +<p dir="ltr"><strong>注意:</strong>字符串上下文中的对象通过 {{jsxref("Object.toString", "toString()")}}方法转换,这与使用<code>valueOf</code>转换为原始字符串的{{jsxref("String")}}对象不同。所有对象都能转换成一个“<code>[object <em>类型</em>]</code>”这种格式的字符串。但是很多对象不能转换为数字,布尔或函数。</p> </div> <h2 id="示例">示例</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html index 4f2def476a..fad8f4e3cc 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/parseint/index.html @@ -128,7 +128,7 @@ parseInt(0.00000000000434, 10); // 非常小的数值变成 4</pre> <pre class="brush: js">parseInt("0e0",16);</pre> -<h2 id="没有指定_radix_参数时的八进制解析" style="margin-bottom: 20px; line-height: 30px;">没有指定 <code>radix</code> 参数时的八进制解析</h2> +<h2 id="没有指定_radix_参数时的八进制解析">没有指定 <code>radix</code> 参数时的八进制解析</h2> <p>尽管 ECMAScript 3 已经不赞成这种做法,且 ECMAScript 5 已经禁止了这种做法,但是仍然有很多实现环境仍然把以 0 开头的数值字符串(numeric string)解释为一个八进制数。下面的例子可能返回八进制的结果,也可能返回十进制的结果。<strong>总是指定一个基数(radix)可以避免这种不可靠的行为。</strong></p> @@ -139,7 +139,7 @@ parseInt("08"); // 0, '8' 不是八进制数字. </pre> -<h3 id="ECMAScript_5_移除了八进制解析" style="line-height: 24px;">ECMAScript 5 移除了八进制解析</h3> +<h3 id="ECMAScript_5_移除了八进制解析">ECMAScript 5 移除了八进制解析</h3> <p>ECMAScript 5 规范不再允许<code>parseInt</code>函数的实现环境把以<code>0</code>字符开始的字符串作为八进制数值。ECMAScript 5 陈述如下:</p> @@ -149,7 +149,7 @@ parseInt("08"); <p>直至2013年,很多实现环境并没有采取新的规范所规定的做法, 而且由于必须兼容旧版的浏览器,所以<strong>永远都要明确给出radix参数的值.</strong></p> -<h2 id="一个更严格的解析函数" style="margin-bottom: 20px; line-height: 30px;">一个更严格的解析函数</h2> +<h2 id="一个更严格的解析函数">一个更严格的解析函数</h2> <p>有时采用一个更严格的方法来解析整型值很有用。此时可以使用正则表达式:</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/catch/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/catch/index.html index 3bd0a41fd4..addf056e90 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/catch/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/catch/index.html @@ -10,16 +10,16 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise/catch <p><strong>catch()</strong> 方法返回一个<a href="/zh-CN/docs/Web/API/Promise">Promise</a>,并且处理拒绝的情况。它的行为与调用{{jsxref("Promise.then", "Promise.prototype.then(undefined, onRejected)")}} 相同。 (事实上, calling <code>obj.catch(onRejected)</code> 内部calls <code>obj.then(undefined, onRejected)</code>).</p> -<h2 id="Syntax" name="Syntax" style="line-height: 30px;">语法</h2> +<h2 id="Syntax" name="Syntax">语法</h2> -<pre class="syntaxbox" style="font-size: 14px;"><var>p.catch(onRejected)</var>; +<pre class="syntaxbox"><var>p.catch(onRejected)</var>; p.catch(function(reason) { // 拒绝 }); </pre> -<h3 id="参数" style="line-height: 24px;">参数</h3> +<h3 id="参数">参数</h3> <dl> <dt><strong>onRejected</strong></dt> @@ -34,15 +34,15 @@ p.catch(function(reason) { </dd> </dl> -<h2 id="Description" name="Description" style="line-height: 30px;">描述</h2> +<h2 id="Description" name="Description">描述</h2> <p><code>catch </code>方法可以用于您的promise组合中的错误处理。</p> <p>Internally calls <code>Promise.prototype.then</code> on the object upon which is called, passing the parameters <code>undefined</code> and the <code>onRejected</code> handler received; then returns the value of that call (which is a {{jsxref("Promise")}}).</p> -<h2 id="示例" style="line-height: 30px;">示例</h2> +<h2 id="示例">示例</h2> -<h3 id="使用链式语句的_catch方法" style="line-height: 24px;">使用链式语句的 <code>catch</code>方法</h3> +<h3 id="使用链式语句的_catch方法">使用链式语句的 <code>catch</code>方法</h3> <pre class="brush: js"><code>var p1 = new Promise(function(resolve, reject) { resolve('Success'); @@ -71,7 +71,7 @@ p1.then(function(value) { console.log('Not fired due to the catch'); });</pre> -<h3 id="捕获抛出的错误" style="line-height: 30px;">捕获抛出的错误</h3> +<h3 id="捕获抛出的错误">捕获抛出的错误</h3> <pre class="brush: js"><code>// 抛出一个错误,大多数时候将调用catch方法 var p1 = new Promise(function(resolve, reject) { @@ -103,7 +103,7 @@ p3.catch(function(e) { console.log(e); // 不会执行 });</code></pre> -<h3 id="如果已决议" style="line-height: 30px;">如果已决议</h3> +<h3 id="如果已决议">如果已决议</h3> <pre><code>//创建一个新的 Promise ,且已决议 var p1 = Promise.resolve("calling next"); @@ -122,7 +122,7 @@ p2.then(function (value) { console.log(reason); });</code></pre> -<h2 id="规范" style="line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -144,11 +144,11 @@ p2.then(function (value) { </tbody> </table> -<h2 id="浏览器兼容性" style="line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript/promise","Promise.prototype.catch")}}</p> -<h2 id="相关链接" style="line-height: 30px;">相关链接</h2> +<h2 id="相关链接">相关链接</h2> <ul> <li>{{jsxref("Promise")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/promise/index.html b/files/zh-cn/web/javascript/reference/global_objects/promise/index.html index 5a5fd2d613..a658fd4338 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/promise/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/promise/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Promise <p>待定状态的 Promise 对象要么会通过一个值<em>被兑现(fulfilled)</em>,要么会通过一个原因(错误)<em>被拒绝(rejected)</em>。当这些情况之一发生时,我们用 promise 的 then 方法排列起来的相关处理程序就会被调用。如果 promise 在一个相应的处理程序被绑定时就已经被兑现或被拒绝了,那么这个处理程序就会被调用,因此在完成异步操作和绑定处理方法之间不会存在竞争状态。</p> -<p>因为 <code>{{jsxref("Promise.then", "Promise.prototype.then")}}</code> 和 <code style="font-style: normal;">{{jsxref("Promise.catch", "Promise.prototype.catch")}}</code> 方法返回的是 promise, 所以它们可以被链式调用。</p> +<p>因为 <code>{{jsxref("Promise.then", "Promise.prototype.then")}}</code> 和 <code>{{jsxref("Promise.catch", "Promise.prototype.catch")}}</code> 方法返回的是 promise, 所以它们可以被链式调用。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/8633/promises.png" style="height: 297px; width: 801px;"></p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html index b7e9edf7ec..8ee22ffa6c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/exec/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/exec <p><code><strong>exec() </strong></code>方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 {{jsxref("null")}}。</p> -<p>在设置了 {{jsxref("RegExp.global", "global")}} 或 {{jsxref("RegExp.sticky", "sticky")}} 标志位的情况下(如 <code>/foo/g</code> or <code>/foo/y</code>),JavaScript {{jsxref("RegExp")}} 对象是<strong>有状态</strong>的。他们会将上次成功匹配后的位置记录在 {{jsxref("RegExp.lastIndex", "lastIndex")}} 属性中。使用此特性,<code style="font-size: 1rem; letter-spacing: -0.00278rem;">exec()</code> 可用来对单个字符串中的多次匹配结果进行逐条的遍历(包括捕获到的匹配),而相比之下, {{jsxref("String.prototype.match()")}} 只会返回匹配到的结果。</p> +<p>在设置了 {{jsxref("RegExp.global", "global")}} 或 {{jsxref("RegExp.sticky", "sticky")}} 标志位的情况下(如 <code>/foo/g</code> or <code>/foo/y</code>),JavaScript {{jsxref("RegExp")}} 对象是<strong>有状态</strong>的。他们会将上次成功匹配后的位置记录在 {{jsxref("RegExp.lastIndex", "lastIndex")}} 属性中。使用此特性,<code>exec()</code> 可用来对单个字符串中的多次匹配结果进行逐条的遍历(包括捕获到的匹配),而相比之下, {{jsxref("String.prototype.match()")}} 只会返回匹配到的结果。</p> <p>如果你只是为了判断是否匹配(true或 false),可以使用 {{jsxref("RegExp.test()")}} 方法,或者 {{jsxref("String.search()")}} 方法。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html index a4ca838294..a0bcd500de 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/index.html @@ -30,7 +30,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp <p>以下三种表达式都会创建相同的正则表达式:</p> -<pre class="brush: js" style="font-size: 14px;">/ab+c/i; //字面量形式 +<pre class="brush: js">/ab+c/i; //字面量形式 new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数 new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数</pre> @@ -213,7 +213,7 @@ console.log(/[^.]+/.exec(url)[0].substr(7)); // logs "xxx" <p>使用浏览器内建的<a href="/en-US/docs/Web/API/URL_API">URL API</a>而非正则表达式来解析URL是更好的做法</p> </div> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html index f7e667288f..92dadc8159 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/regexp/lastindex/index.html @@ -10,41 +10,34 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex --- <div> {{JSRef("Global_Objects", "RegExp")}}</div> -<h2 id="Summary" name="Summary" style="margin-bottom: 20px; line-height: 30px;">概述</h2> +<h2 id="Summary" name="Summary">概述</h2> <p><code><strong>lastIndex</strong></code> 是正则表达式的一个可读可写的整型属性,用来指定下一次匹配的起始索引。</p> <div> {{js_property_attributes(1,0,0)}}</div> -<h2 id="语法" style="margin-bottom: 20px; line-height: 30px;">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);"><var>lastIndex</var> = <var>regExpObj</var>.lastIndex;</pre> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="语法">语法</h2> +<pre class="syntaxbox language-html"><var>lastIndex</var> = <var>regExpObj</var>.lastIndex;</pre> +<h2 id="Description" name="Description">描述</h2> <p>只有正则表达式使用了表示全局检索的 "<code>g</code>" 标志时,该属性才会起作用。此时应用下面的规则:</p> <ul> <li>如果 <code>lastIndex</code> 大于字符串的长度,则 <code>regexp.test</code> 和 <code>regexp.exec</code> 将会匹配失败,然后 <code>lastIndex</code> 被设置为 0。</li> - <li>如果 <code>lastIndex</code> 等于字符串的长度,且该正则表达式匹配空字符串,则该正则表达式匹配从 <code>lastIndex</code> 开始的字符串。(then the regular expression matches input starting at <code style="font-style: normal;">lastIndex</code>.)</li> + <li>如果 <code>lastIndex</code> 等于字符串的长度,且该正则表达式匹配空字符串,则该正则表达式匹配从 <code>lastIndex</code> 开始的字符串。(then the regular expression matches input starting at <code>lastIndex</code>.)</li> <li>如果 <code>lastIndex</code> 等于字符串的长度,且该正则表达式不匹配空字符串 ,则该正则表达式不匹配字符串,<code>lastIndex</code> 被设置为 0.。</li> <li>否则,<code>lastIndex</code> 被设置为紧随最近一次成功匹配的下一个位置。</li> </ul> -<h2 id="示例" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="示例">示例</h2> <p>考虑下面的语句:</p> <pre class="brush: js">var re = /(hi)?/g;</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> + <p>匹配空字符串</p> <pre class="brush: js">console.log(re.exec("hi")); console.log(re.lastIndex);</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> - </div> + <p>返回 <code>["hi", "hi"]</code> ,<code>lastIndex</code> 等于 2。</p> <pre class="brush: js">console.log(re.exec("hi")); console.log(re.lastIndex);</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> - </div> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> - </div> + <p>返回 <code>["", undefined]</code>,即一个数组,其第 0 个元素为匹配的字符串。此种情况下为空字符串,是因为 <code>lastIndex</code> 为 2(且一直是 2),"<code>hi</code>" 长度为 2。</p> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> <tr> @@ -70,18 +63,18 @@ console.log(re.lastIndex);</pre> </tr> </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> <div> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -98,13 +91,13 @@ console.log(re.lastIndex);</pre> <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -118,7 +111,7 @@ console.log(re.lastIndex);</pre> </tbody> </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("RegExp.prototype.ignoreCase")}}</li> <li>{{jsxref("RegExp.prototype.global")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/clear/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/clear/index.html index 567dd3dc4c..de14cee47c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/clear/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/clear/index.html @@ -112,7 +112,7 @@ mySet.has("bar") // false </table> </div> -<h2 id="相关链接"><strong style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">相关链接</strong></h2> +<h2 id="相关链接"><strong>相关链接</strong></h2> <ul> <li>{{jsxref("Set")}}</li> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html index 7b53403ac2..1f2e37ceb4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/concat/index.html @@ -33,7 +33,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/concat <p>如果参数不是字符串类型,它们在连接之前将会被转换成字符串。</p> -<h2 id="性能" style="margin-bottom: 20px; line-height: 30px;">性能</h2> +<h2 id="性能">性能</h2> <p>强烈建议使用<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">赋值操作符</a>(<code>+</code>, <code>+=</code>)代替 <code>concat</code> 方法。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/fixed/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/fixed/index.html index 28dd7c8696..6fd1d90c0d 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/fixed/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/fixed/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fixed <h2 id="描述">描述</h2> -<p><code style="font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5;">fixed()</code> 方法将一个字符串包裹在<tt></tt>标签中,比如: <code style="font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5;">"<tt>str</tt>"</code>.</p> +<p><code>fixed()</code> 方法将一个字符串包裹在<tt></tt>标签中,比如: <code>"<tt>str</tt>"</code>.</p> <h2 id="举例">举例</h2> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/length/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/length/index.html index 9ec301ff64..bf49c313f0 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/length/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/length/index.html @@ -10,11 +10,11 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/length --- <p>{{JSRef("Global_Objects", "String")}}</p> -<h2 id="Summary" name="Summary" style="margin-bottom: 20px; line-height: 30px;">概述</h2> +<h2 id="Summary" name="Summary">概述</h2> <p><strong>length</strong> 属性表示一个字符串的长度。</p> -<h2 id="Description" name="Description" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="Description" name="Description">描述</h2> <p>该属性返回字符串中字符编码单元的数量。JavaScript 使用 {{ interwiki("wikipedia", "UTF-16") }} 编码,该编码使用一个 16 比特的编码单元来表示大部分常见的字符,使用两个代码单元表示不常用的字符。因此 length 返回值可能与字符串中实际的字符数量不相同。</p> @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/length <p>静态属性 <strong>String.length</strong> 返回 1。</p> -<h2 id="Examples" name="Examples" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="Examples" name="Examples">示例</h2> <pre class="brush: js">var x = "Mozilla"; var empty = ""; @@ -33,23 +33,7 @@ console.log("Mozilla is " + x.length + " code units long"); console.log("The empty string is has a length of " + empty.length); /* "The empty string is has a length of 0" */</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 76px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 95px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 114px; background: 0px 0px;"> </div> - -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 133px; background: 0px 0px;"> </div> - -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -76,7 +60,7 @@ console.log("The empty string is has a length of " + empty.length); </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{ CompatibilityTable() }}</p> @@ -84,12 +68,12 @@ console.log("The empty string is has a length of " + empty.length); <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Chrome</th> - <th style="line-height: 16px;">Firefox (Gecko)</th> - <th style="line-height: 16px;">Internet Explorer</th> - <th style="line-height: 16px;">Opera</th> - <th style="line-height: 16px;">Safari</th> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> </tr> <tr> <td>Basic support</td> @@ -107,13 +91,13 @@ console.log("The empty string is has a length of " + empty.length); <table class="compat-table"> <tbody> <tr> - <th style="line-height: 16px;">Feature</th> - <th style="line-height: 16px;">Android</th> - <th style="line-height: 16px;">Chrome for Android</th> - <th style="line-height: 16px;">Firefox Mobile (Gecko)</th> - <th style="line-height: 16px;">IE Mobile</th> - <th style="line-height: 16px;">Opera Mobile</th> - <th style="line-height: 16px;">Safari Mobile</th> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> @@ -128,8 +112,8 @@ console.log("The empty string is has a length of " + empty.length); </table> </div> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> - <li><a class="external external-icon" href="http://developer.teradata.com/blog/jasonstrimpel/2011/11/javascript-string-length-and-internationalizing-web-applications" style="white-space: pre-line;">JavaScript String.length and Internationalizing Web Applications</a></li> + <li><a class="external external-icon" href="http://developer.teradata.com/blog/jasonstrimpel/2011/11/javascript-string-length-and-internationalizing-web-applications">JavaScript String.length and Internationalizing Web Applications</a></li> </ul> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html index 5991e8fa0a..e5930019f1 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/replace/index.html @@ -82,13 +82,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/replace <td>插入当前匹配的子串右边的内容。</td> </tr> <tr> - <td style="white-space: nowrap;"><code>$<em>n</em></code></td> + <td><code>$<em>n</em></code></td> <td> <p>假如第一个参数是 {{jsxref("RegExp")}}对象,并且 n 是个小于100的非负整数,那么插入第 n 个括号匹配的字符串。提示:索引是从1开始。如果不存在第 n个分组,那么将会把匹配到到内容替换为字面量。比如不存在第3个分组,就会用“$3”替换匹配到的内容。</p> </td> </tr> <tr> - <td style="white-space: nowrap;"><code><em>$<Name></em></code></td> + <td><code><em>$<Name></em></code></td> <td> 这里<em><code>Name</code></em> 是一个分组名称。如果在正则表达式中并不存在分组(或者没有匹配),这个变量将被处理为空字符串。只有在支持命名分组捕获的浏览器中才能使用。</td> </tr> </tbody> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/slice/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/slice/index.html index 35f5dd5736..b64952f80e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/slice/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/slice/index.html @@ -29,7 +29,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/slice <dt><code>beginIndex</code></dt> <dd>从该索引(以 0 为基数)处开始提取原字符串中的字符。如果值为负数,会被当做 <code>strLength + beginIndex</code> 看待,这里的<code>strLength</code> 是字符串的长度(例如, 如果 <code>beginIndex</code> 是 -3 则看作是:<code>strLength - 3</code>)</dd> <dt><code>endIndex</code></dt> - <dd>可选。在该索引(以 0 为基数)处结束提取字符串。如果省略该参数,<code style="font-style: normal;">slice()</code> 会一直提取到字符串末尾。如果该参数为负数,则被看作是 strLength + endIndex,这里的 strLength 就是字符串的长度(例如,如果 endIndex 是 -3,则是, strLength - 3)。</dd> + <dd>可选。在该索引(以 0 为基数)处结束提取字符串。如果省略该参数,<code>slice()</code> 会一直提取到字符串末尾。如果该参数为负数,则被看作是 strLength + endIndex,这里的 strLength 就是字符串的长度(例如,如果 endIndex 是 -3,则是, strLength - 3)。</dd> </dl> <h3 id="返回值">返回值</h3> @@ -46,7 +46,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/slice <p>例 2:<code>str.slice(2, -1)</code> 提取第三个字符到倒数第一个字符。</p> -<h2 id="Examples" name="Examples" style="margin-bottom: 20px; font-size: 2.14285714285714rem;">例子</h2> +<h2 id="Examples" name="Examples">例子</h2> <h3 id="使用_slice()_创建一个新的字符串">使用 <code>slice()</code> 创建一个新的字符串</h3> @@ -73,7 +73,7 @@ str.slice(-3, -1); // 返回 'us' str.slice(0, -1); // 返回 'The morning is upon us' </pre> -<h2 id="规范" style="margin-bottom: 20px; font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <thead> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/substr/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/substr/index.html index 2aad2f2647..2fb5de2276 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/substr/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/substr/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/substr <dl> <dt><code>start</code></dt> - <dd>开始提取字符的位置。如果为负值,则被看作 <code style="font-style: normal; line-height: 1.5;">strLength + </code><code style="font-style: normal; line-height: 1.5;">start,其中</code> <code style="font-style: normal; line-height: 1.5;">strLength</code> 为字符串的长度(例如,如果 <code>start</code> 为 <code>-3,则被看作</code> <code>strLength + (-3))。</code></dd> + <dd>开始提取字符的位置。如果为负值,则被看作 <code>strLength + </code><code>start,其中</code> <code>strLength</code> 为字符串的长度(例如,如果 <code>start</code> 为 <code>-3,则被看作</code> <code>strLength + (-3))。</code></dd> </dl> <dl> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html index f556822b2e..7db9f1e146 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/tolowercase/index.html @@ -13,22 +13,22 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toLowerCase <p><code><strong>toLowerCase()</strong></code> 会将调用该方法的字符串值转为小写形式,并返回。</p> -<h2 id="语法" style="margin-bottom: 20px; line-height: 30px;">语法</h2> +<h2 id="语法">语法</h2> -<pre class="syntaxbox language-html" style="margin-bottom: 0px; padding: 1em; border-left-width: 6px; border-left-style: solid; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; direction: ltr; white-space: normal; text-shadow: none; background-color: rgba(212, 221, 228, 0.498039);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; color: inherit; text-shadow: none;">str.toLowerCase()</code> +<pre class="syntaxbox language-html"><code class="language-html">str.toLowerCase()</code> </pre> <h3 id="返回值">返回值</h3> <p>一个新的字符串,表示转换为小写的调用字符串。</p> -<h2 id="描述" style="margin-bottom: 20px; line-height: 30px;">描述</h2> +<h2 id="描述">描述</h2> <p><code>toLowerCase</code> 会将调用该方法的字符串值转为小写形式,并返回。<code>toLowerCase</code> 不会影响字符串本身的值。</p> -<h2 id="示例" style="margin-bottom: 20px; line-height: 30px;">示例</h2> +<h2 id="示例">示例</h2> -<h3 id="例子:使用_toLowerCase" style="line-height: 24px;">例子:使用 <code>toLowerCase()</code></h3> +<h3 id="例子:使用_toLowerCase">例子:使用 <code>toLowerCase()</code></h3> <pre class="brush: js">console.log('中文简体 zh-CN || zh-Hans'.toLowerCase()); // 中文简体 zh-cn || zh-hans @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/toLowerCase console.log( "ALPHABET".toLowerCase() ); // "alphabet"</pre> -<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div> +<div class="line-number"></div> <p><strong>说明</strong></p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html b/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html index 9473363551..fce5989dd7 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/symbol/index.html @@ -45,7 +45,7 @@ var sym3 = Symbol('foo'); <pre class="brush: js">var sym = new Symbol(); // TypeError</pre> -<p>这会阻止创建一个显式的 Symbol 包装器对象而不是一个 Symbol 值。围绕原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持。 然而,现有的原始包装器对象,如 <code style="font-style: normal;">new Boolean</code>、<code style="font-style: normal;">new String</code>以及<code>new Number</code>,因为遗留原因仍可被创建。</p> +<p>这会阻止创建一个显式的 Symbol 包装器对象而不是一个 Symbol 值。围绕原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持。 然而,现有的原始包装器对象,如 <code>new Boolean</code>、<code>new String</code>以及<code>new Number</code>,因为遗留原因仍可被创建。</p> <p>如果你真的想创建一个 <u>Symbol 包装器对象 </u>(<code>Symbol wrapper object</code>),你可以使用 <code>Object()</code> 函数:</p> @@ -201,7 +201,7 @@ obj[Object(sym)]; // still 1</code></pre> <h2 id="规范">规范</h2> -<table class="standard-table" style="height: 143px; width: 640px;"> +<table class="standard-table"> <tbody> <tr> <th scope="col">标准</th> @@ -235,5 +235,3 @@ obj[Object(sym)]; // still 1</code></pre> <li><a href="/en-US/docs/Web/JavaScript/Data_structures">Data types and data structures</a></li> <li><a href="https://hacks.mozilla.org/2015/06/es6-in-depth-symbols/">"ES6 In Depth: Symbols"(深入ES6 Symbols ) on hacks.mozilla.org</a></li> </ul> - -<div class="itanywhere-activator" style="left: 41px; top: 3679px; display: none;" title="Google Translator Anywhere"></div> diff --git a/files/zh-cn/web/javascript/reference/global_objects/weakmap/get/index.html b/files/zh-cn/web/javascript/reference/global_objects/weakmap/get/index.html index 4e9692907a..1c335a5ffc 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/weakmap/get/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/weakmap/get/index.html @@ -20,7 +20,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WeakMap/get <h3 id="返回值">返回值</h3> -<h3 id="返回与指定键相关联的值,如果_WeakMap_对象找不到这个键则返回_undefined。">返回与指定键相关联的值,如果 <code style="font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5;">WeakMap</code> 对象找不到这个键则返回 <code style="font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5;">undefined</code>。</h3> +<h3 id="返回与指定键相关联的值,如果_WeakMap_对象找不到这个键则返回_undefined。">返回与指定键相关联的值,如果 <code>WeakMap</code> 对象找不到这个键则返回 <code>undefined</code>。</h3> <h2 id="例子">例子</h2> diff --git a/files/zh-cn/web/javascript/reference/operators/comma_operator/index.html b/files/zh-cn/web/javascript/reference/operators/comma_operator/index.html index 0636731b0b..47f369410f 100644 --- a/files/zh-cn/web/javascript/reference/operators/comma_operator/index.html +++ b/files/zh-cn/web/javascript/reference/operators/comma_operator/index.html @@ -31,7 +31,7 @@ translation_of: Web/JavaScript/Reference/Operators/Comma_Operator <h2 id="示例">示例</h2> -<p>假设 <code>a</code> 是一个二维数组,每一维度包含10个元素,则下面的代码使用逗号操作符一次递增/递减两个变量。需要注意的是,<code>var</code> 语句中的逗号<em><strong>不是</strong></em>逗号操作符,因为它不是存在于一个表达式中。尽管从实际效果来看,那个逗号同逗号运算符的表现很相似。但确切地说,它是 <code style="font-style: normal;">var</code> 语句中的一个特殊符号,用于把多个变量声明结合成一个。下面的代码打印一个二维数组中斜线方向的元素:</p> +<p>假设 <code>a</code> 是一个二维数组,每一维度包含10个元素,则下面的代码使用逗号操作符一次递增/递减两个变量。需要注意的是,<code>var</code> 语句中的逗号<em><strong>不是</strong></em>逗号操作符,因为它不是存在于一个表达式中。尽管从实际效果来看,那个逗号同逗号运算符的表现很相似。但确切地说,它是 <code>var</code> 语句中的一个特殊符号,用于把多个变量声明结合成一个。下面的代码打印一个二维数组中斜线方向的元素:</p> <pre class="brush:js;highlight:[1]">for (var i = 0, j = 9; i <= 9; i++, j--) document.writeln("a[" + i + "][" + j + "] = " + a[i][j]);</pre> diff --git a/files/zh-cn/web/javascript/reference/operators/function/index.html b/files/zh-cn/web/javascript/reference/operators/function/index.html index bf04ca97d9..fa7ce6bd01 100644 --- a/files/zh-cn/web/javascript/reference/operators/function/index.html +++ b/files/zh-cn/web/javascript/reference/operators/function/index.html @@ -36,7 +36,7 @@ translation_of: Web/JavaScript/Reference/Operators/function <h2 id="Description" name="Description">描述</h2> -<p>函数表达式(function expression)非常类似于函数声明(function statement)(详情查看<a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/function" style="line-height: 1.5;">函数声明</a>),并且两者拥有几乎相同的语法。函数表达式与函数声明的最主要区别是函数名称(<em>function name</em>),在函数表达式中可省略它,从而创建匿名函数(<em>anonymous</em> functions)。一个函数表达式可以被用作一个IIFE(Immediately Invoked Function Expression,即时调用的函数表达式),它一旦定义就运行。更多信息请查看<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions_and_function_scope" style="line-height: 1.5;">函数</a>。</p> +<p>函数表达式(function expression)非常类似于函数声明(function statement)(详情查看<a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/function">函数声明</a>),并且两者拥有几乎相同的语法。函数表达式与函数声明的最主要区别是函数名称(<em>function name</em>),在函数表达式中可省略它,从而创建匿名函数(<em>anonymous</em> functions)。一个函数表达式可以被用作一个IIFE(Immediately Invoked Function Expression,即时调用的函数表达式),它一旦定义就运行。更多信息请查看<a href="/zh-CN/docs/Web/JavaScript/Reference/Functions_and_function_scope">函数</a>。</p> <h3 id="函数表达式提升_(Function_expression_hoisting)"> 函数表达式提升 (Function expression hoisting)</h3> diff --git a/files/zh-cn/web/javascript/reference/operators/in/index.html b/files/zh-cn/web/javascript/reference/operators/in/index.html index f974698598..c84cdadf5a 100644 --- a/files/zh-cn/web/javascript/reference/operators/in/index.html +++ b/files/zh-cn/web/javascript/reference/operators/in/index.html @@ -96,7 +96,7 @@ trees[3] = undefined; <pre class="brush:js">"toString" in {}; // 返回true </pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -128,11 +128,11 @@ trees[3] = undefined; </tbody> </table> -<h2 id="浏览器兼容" style="margin-bottom: 20px; line-height: 30px;">浏览器兼容</h2> +<h2 id="浏览器兼容">浏览器兼容</h2> <p>{{Compat("javascript.operators.in")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li><code><a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a></code></li> diff --git a/files/zh-cn/web/javascript/reference/operators/typeof/index.html b/files/zh-cn/web/javascript/reference/operators/typeof/index.html index b4fe4061a0..d050bdb8ef 100644 --- a/files/zh-cn/web/javascript/reference/operators/typeof/index.html +++ b/files/zh-cn/web/javascript/reference/operators/typeof/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Reference/Operators/typeof typeof(operand)</em> </pre> -<h3 id="参数" style="line-height: 24px; font-size: 1.71428571428571rem;">参数</h3> +<h3 id="参数">参数</h3> <p><strong><code>operand</code></strong></p> @@ -268,7 +268,7 @@ class newClass{};</pre> <pre class="brush: js">typeof alert === 'object'</pre> </div> -<div class="brush:js language-js line-number" style=""></div> +<div class="brush:js language-js line-number"></div> <h2 id="See_also" name="See_also">相关链接</h2> diff --git a/files/zh-cn/web/javascript/reference/statements/debugger/index.html b/files/zh-cn/web/javascript/reference/statements/debugger/index.html index 2a54579002..0018dc056c 100644 --- a/files/zh-cn/web/javascript/reference/statements/debugger/index.html +++ b/files/zh-cn/web/javascript/reference/statements/debugger/index.html @@ -12,14 +12,14 @@ translation_of: Web/JavaScript/Reference/Statements/debugger <h2 id="语法">语法</h2> -<pre class="syntaxbox" style="font-size: 14px; white-space: normal;"><code>debugger;</code> +<pre class="syntaxbox"><code>debugger;</code> </pre> <h2 id="示例">示例</h2> <p>下面的例子演示了一个包含 debugger 语句的函数,当函数被调用时,会尝试调用一个可用的调试器进行调试。</p> -<pre class="brush:js language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-js" style="direction: ltr; white-space: pre;">function potentiallyBuggyCode() { +<pre class="brush:js language-js"><code class="language-js">function potentiallyBuggyCode() { debugger; // do potentially buggy stuff to examine, step through, etc. }</code></pre> diff --git a/files/zh-cn/web/javascript/reference/statements/do...while/index.html b/files/zh-cn/web/javascript/reference/statements/do...while/index.html index 714c0e807e..89a850f722 100644 --- a/files/zh-cn/web/javascript/reference/statements/do...while/index.html +++ b/files/zh-cn/web/javascript/reference/statements/do...while/index.html @@ -21,7 +21,7 @@ while (<em>condition</em>); <dl> <dt><code>statement</code></dt> - <dd>执行至少一次的语句,并在每次 <code>condition</code> 值为真时重新执行。想执行多行语句,可使用{{jsxref("Statements/block", "block")}}语句(<code style="font-style: normal; line-height: 19.0909080505371px;">{ ... }</code>)包裹这些语句。</dd> + <dd>执行至少一次的语句,并在每次 <code>condition</code> 值为真时重新执行。想执行多行语句,可使用{{jsxref("Statements/block", "block")}}语句(<code>{ ... }</code>)包裹这些语句。</dd> </dl> <dl> diff --git a/files/zh-cn/web/javascript/reference/statements/for...in/index.html b/files/zh-cn/web/javascript/reference/statements/for...in/index.html index 8b3b346fcc..4bb666e930 100644 --- a/files/zh-cn/web/javascript/reference/statements/for...in/index.html +++ b/files/zh-cn/web/javascript/reference/statements/for...in/index.html @@ -27,13 +27,13 @@ translation_of: Web/JavaScript/Reference/Statements/for...in <h2 id="sect1"></h2> -<h3 id="数组迭代和_for...in" style="line-height: 24px; font-size: 1.71428571428571rem;">数组迭代和 <code>for...in</code></h3> +<h3 id="数组迭代和_for...in">数组迭代和 <code>for...in</code></h3> <div class="note"> <p><strong>提示:</strong><code>for...in</code>不应该用于迭代一个关注索引顺序的 {{jsxref("Array")}}。</p> </div> -<h3 id="仅迭代自身的属性" style="line-height: 24px; font-size: 1.71428571428571rem;">仅迭代自身的属性</h3> +<h3 id="仅迭代自身的属性">仅迭代自身的属性</h3> <p>如果你只要考虑对象本身的属性,而不是它的原型,那么使用 {{jsxref("Object.getOwnPropertyNames", "getOwnPropertyNames()")}} 或执行 {{jsxref("Object.prototype.hasOwnProperty", "hasOwnProperty()")}} 来确定某属性是否是对象本身的属性(也能使用{{jsxref("Object.prototype.propertyIsEnumerable", "propertyIsEnumerable")}})。或者,如果你知道不会有任何外部代码干扰,您可以使用检查方法扩展内置原型。</p> diff --git a/files/zh-cn/web/javascript/reference/statements/function/index.html b/files/zh-cn/web/javascript/reference/statements/function/index.html index 4d8e036a2e..be8920fca8 100644 --- a/files/zh-cn/web/javascript/reference/statements/function/index.html +++ b/files/zh-cn/web/javascript/reference/statements/function/index.html @@ -49,7 +49,7 @@ translation_of: Web/JavaScript/Reference/Statements/function <p>默认情况下,函数是返回 undefined 的。想要返回一个其他的值,函数必须通过一个 <a href="/en/JavaScript/Reference/Statements/return">return</a> 语句指定返回值。</p> -<h3 id="有条件的创建函数" style="line-height: 24px; font-size: 1.71428571428571rem;">有条件的创建函数</h3> +<h3 id="有条件的创建函数">有条件的创建函数</h3> <p>函数可以被有条件来声明,这意味着,函数声明可能出现在一个 if 语句里,但是,这种声明方式在不同的浏览器里可能有不同的效果。因此,不应该在生产环境代码中使用这种声明方式,应该使用函数表达式来代替。</p> @@ -96,7 +96,7 @@ if (true) { <p>JavaScript 中的<strong>函数声明</strong>被提升到了<strong>函数定义</strong>。你可以在函数声明之前使用该函数:</p> -<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">hoisted(); // logs "foo" +<pre class="brush: js language-js"><code class="language-js">hoisted(); // logs "foo" function hoisted() { console.log('foo'); @@ -107,7 +107,7 @@ function hoisted() { <p>注意 :<strong>函数表达式</strong>{{jsxref("Operators/function", "function expressions")}} 不会被提升:</p> </div> -<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">notHoisted(); // TypeError: notHoisted is not a function +<pre class="brush: js language-js"><code class="language-js">notHoisted(); // TypeError: notHoisted is not a function var notHoisted = function() { console.log('bar'); @@ -120,11 +120,11 @@ var notHoisted = function() { <p>下面的代码声明了一个函数,该函数返回了销售的总金额, 参数是产品a,b,c分别的销售的数量.</p> -<pre class="brush: js language-js"><code class="language-js" style="direction: ltr; white-space: pre;">function calc_sales(units_a, units_b, units_c) {functionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunction +<pre class="brush: js language-js"><code class="language-js">function calc_sales(units_a, units_b, units_c) {functionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunctionfunction return units_a*79 + units_b * 129 + units_c * 699; }</code></pre> -<h2 id="规范" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -151,13 +151,13 @@ var notHoisted = function() { </tbody> </table> -<h2 id="浏览器兼容性" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">浏览器兼容性</h2> +<h2 id="浏览器兼容性">浏览器兼容性</h2> <p>{{Compat("javascript.statements.function")}}</p> -<h2 id="See_also" name="See_also" style="margin-bottom: 20px; line-height: 30px; font-size: 2.14285714285714rem;">相关链接</h2> +<h2 id="See_also" name="See_also">相关链接</h2> <ul> <li>{{jsxref("Functions_and_function_scope", "Functions and function scope")}}</li> diff --git a/files/zh-cn/web/javascript/reference/statements/function_star_/index.html b/files/zh-cn/web/javascript/reference/statements/function_star_/index.html index 90794ec0d4..0ee47b290d 100644 --- a/files/zh-cn/web/javascript/reference/statements/function_star_/index.html +++ b/files/zh-cn/web/javascript/reference/statements/function_star_/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Statements/function* --- <div>{{jsSidebar("Statements")}}</div> -<p><code><strong>function*</strong></code> 这种声明方式(<code style="font-style: normal;">function</code>关键字后跟一个星号)会定义一个<strong><em>生成器函数</em> (</strong><em>generator function</em><strong>)</strong>,它返回一个 {{jsxref("Global_Objects/Generator","Generator")}} 对象。</p> +<p><code><strong>function*</strong></code> 这种声明方式(<code>function</code>关键字后跟一个星号)会定义一个<strong><em>生成器函数</em> (</strong><em>generator function</em><strong>)</strong>,它返回一个 {{jsxref("Global_Objects/Generator","Generator")}} 对象。</p> <div>{{EmbedInteractiveExample("pages/js/statement-functionasterisk.html")}}</div> diff --git a/files/zh-cn/web/javascript/reference/strict_mode/index.html b/files/zh-cn/web/javascript/reference/strict_mode/index.html index 854e709953..c4c8dbfb7d 100644 --- a/files/zh-cn/web/javascript/reference/strict_mode/index.html +++ b/files/zh-cn/web/javascript/reference/strict_mode/index.html @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Strict_mode <h2 id="调用严格模式">调用严格模式</h2> -<p>严格模式可以应用到整个脚本或个别函数中。不要在封闭大括弧 <code style="font-size: 14px;">{}</code> 内这样做,在这样的上下文中这么做是没有效果的。在 <code style="font-size: 14px;">eval</code> 、<code style="font-size: 14px;">Function</code> 、内联事件处理属性、 {{domxref("WindowTimers.setTimeout()")}} 方法中传入的脚本字符串,其行为类似于开启了严格模式的一个单独脚本,它们会如预期一样工作。</p> +<p>严格模式可以应用到整个脚本或个别函数中。不要在封闭大括弧 <code>{}</code> 内这样做,在这样的上下文中这么做是没有效果的。在 <code>eval</code> 、<code>Function</code> 、内联事件处理属性、 {{domxref("WindowTimers.setTimeout()")}} 方法中传入的脚本字符串,其行为类似于开启了严格模式的一个单独脚本,它们会如预期一样工作。</p> <h3 id="为脚本开启严格模式">为脚本开启严格模式</h3> @@ -72,7 +72,7 @@ function notStrict() { <p>严格模式同时改变了语法及运行时行为。变化通常分为这几类:将问题直接转化为错误(如语法错误或运行时错误), 简化了如何为给定名称的特定变量计算,简化了 <code>eval</code> 以及 <code>arguments</code>, 将写"安全“JavaScript的步骤变得更简单,以及改变了预测未来ECMAScript行为的方式。</p> -<h3 id="将过失错误转成异常" style="position: static;">将过失错误转成异常</h3> +<h3 id="将过失错误转成异常">将过失错误转成异常</h3> <p>在严格模式下, 某些先前被接受的过失错误将会被认为是异常. JavaScript被设计为能使新人开发者更易于上手, 所以有时候会给本来错误操作赋予新的不报错误的语义(non-error semantics). 有时候这可以解决当前的问题, 但有时候却会给以后留下更大的问题. 严格模式则把这些失误当成错误, 以便可以发现并立即将其改正.</p> @@ -247,7 +247,7 @@ var f = function() { return arguments.callee; }; f(); // 抛出类型错误 </pre> -<h3 id="安全的_JavaScript" style="position: static;">"安全的" JavaScript</h3> +<h3 id="安全的_JavaScript">"安全的" JavaScript</h3> <p>严格模式下更容易写出“安全”的JavaScript。现在有些网站提供了方式给用户编写能够被网站其他用户执行的JavaScript代码。在浏览器环境下,JavaScript能够获取用户的隐私信息,因此这类Javascript必须在运行前部分被转换成需要申请访问禁用功能的权限。没有很多的执行时检查的情况,Javascript的灵活性让它无法有效率地做这件事。一些语言中的函数普遍出现,以至于执行时检查他们会引起严重的性能损耗。做一些在严格模式下发生的小改动,要求用户提交的JavaScript开启严格模式并且用特定的方式调用,就会大大减少在执行时进行检查的必要。</p> @@ -288,7 +288,7 @@ function fun(a, b) { fun(1, 2); // 不会暴露v(或者a,或者b) </pre> -<h3 id="为未来的ECMAScript版本铺平道路" style="position: relative;">为未来的ECMAScript版本铺平道路</h3> +<h3 id="为未来的ECMAScript版本铺平道路">为未来的ECMAScript版本铺平道路</h3> <p>未来版本的ECMAScript很有可能会引入新语法,ECMAScript5中的严格模式就提早设置了一些限制来减轻之后版本改变产生的影响。如果提早使用了严格模式中的保护机制,那么做出改变就会变得更容易。</p> diff --git a/files/zh-cn/web/javascript/reference/template_literals/index.html b/files/zh-cn/web/javascript/reference/template_literals/index.html index ed7b7abea1..f6dcc23c02 100644 --- a/files/zh-cn/web/javascript/reference/template_literals/index.html +++ b/files/zh-cn/web/javascript/reference/template_literals/index.html @@ -13,7 +13,7 @@ original_slug: Web/JavaScript/Reference/template_strings <p>模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。</p> -<h2 id="语法" style="font-size: 2.14285714285714rem;">语法</h2> +<h2 id="语法">语法</h2> <pre class="syntaxbox">`string text` @@ -25,9 +25,9 @@ original_slug: Web/JavaScript/Reference/template_strings tag `string text ${expression} string text` </pre> -<h2 id="描述" style="font-size: 2.14285714285714rem;">描述</h2> +<h2 id="描述">描述</h2> -<p>模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(<code style="font-style: normal;">${expression}</code>)的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来,如果一个模板字符串由表达式开头,则该字符串被称为带标签的模板字符串,该表达式通常是一个函数,它会在模板字符串处理后被调用,在输出最终结果前,你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号(`)时,需要在它前面加转义符(\)。</p> +<p>模板字符串使用反引号 (` `) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(<code>${expression}</code>)的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来,如果一个模板字符串由表达式开头,则该字符串被称为带标签的模板字符串,该表达式通常是一个函数,它会在模板字符串处理后被调用,在输出最终结果前,你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号(`)时,需要在它前面加转义符(\)。</p> <pre class="brush: js">`\`` === "`" // --> true</pre> @@ -216,7 +216,7 @@ latex`\unicode` <pre class="brush: js example-bad">let bad = `bad escape sequence: \unicode`;</pre> -<h2 id="规范" style="font-size: 2.14285714285714rem;">规范</h2> +<h2 id="规范">规范</h2> <table class="standard-table"> <tbody> @@ -243,7 +243,7 @@ latex`\unicode` </tbody> </table> -<h2 id="浏览器兼容" style="font-size: 2.14285714285714rem;">浏览器兼容</h2> +<h2 id="浏览器兼容">浏览器兼容</h2> <div> @@ -251,7 +251,7 @@ latex`\unicode` <p>{{Compat("javascript.grammar.template_literals")}}</p> </div> -<h2 id="相关链接" style="font-size: 2.14285714285714rem;">相关链接</h2> +<h2 id="相关链接">相关链接</h2> <ul> <li>{{jsxref("String")}}</li> |