语法高亮，滚动条美化，设置页面调整

docs/javascript/Reference/Operators/function-.html

@@ -3,9 +3,9 @@
 <p><strong><code>function*</code></strong>关键字可以在表达式内部定义一个生成器函数。</p>
 <p><iframe class="interactive interactive-js" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/js/expressions-functionasteriskexpression.html" width="100%"></iframe></p>
 <h2 id="语法">语法</h2>
-<pre class="syntaxbox">function* [<em>name</em>]([<em>param1</em>[, <em>param2[</em>, ..., <em>paramN</em>]]]) {
+<pre><code class="language-javascript">function* [<em>name</em>]([<em>param1</em>[, <em>param2[</em>, ..., <em>paramN</em>]]]) {
    <em>statements</em>
-}</pre>
+}</code></pre>
 <h3 id="参数">参数</h3>
 <dl>
 <dt><code>name</code></dt>
@@ -19,10 +19,10 @@
 <p><code>function*</code>表达式和<a href="Reference/Statements/function*" title="function* 这种声明方式(function关键字后跟一个星号）会定义一个生成器函数 (generator function)，它返回一个  Generator  对象。"><code>function* 声明</code></a>比较相似，并具有几乎相同的语法。<code>function*表</code>达式和<code>function*</code>声明之间主要区别就是函数名，即在创建匿名函数时，<code>function*</code>表达式可以省略函数名。阅读<a href="Reference/Function" title="此页面仍未被本地化, 期待您的翻译!"><code>函数</code></a>章节了解更多信息。</p>
 <h2 id="示例">示例</h2>
 <p>下面的示例定义了一个未命名的生成器函数并把它赋值给<code>x</code>。函数产出它的传入参数的平方：</p>
-<pre class="brush: js">var x = function*(y) {
+<pre><code  class="language-javascript">var x = function*(y) {
    yield y * y;
 };
-</pre>
+</code></pre>
 <h2 id="规范">规范</h2>
 <table class="standard-table">
 <tbody>