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

docs/javascript/Reference/Global_Objects/String/TrimLeft.html

@@ -5,27 +5,27 @@
 <div> </div>
 <div><iframe class="interactive interactive-js" frameborder="0" height="250" src="https://interactive-examples.mdn.mozilla.net/pages/js/string-trimstart.html" width="100%"></iframe></div>
 <h2 id="Syntax" name="Syntax">语法</h2>
-<pre class="syntaxbox"><var>str</var>.trimStart();
-<var>str</var>.trimLeft();</pre>
+<pre><code class="language-javascript"><var>str</var>.trimStart();
+<var>str</var>.trimLeft();</code></pre>
 <h3 id="返回值">返回值</h3>
 <p>一个新字符串，表示从其开头（左端）剥离空格的调用字符串。</p>
 <h2 id="Description" name="Description">描述</h2>
 <p><code>trimStart()</code> / <code>trimLeft()</code>方法移除原字符串左端的连续空白符并返回，<code>trimStart()</code> / <code>trimLeft()</code>方法并不会直接修改原字符串本身。</p>
 <h3 id="别名">别名</h3>
 <p>为了与 <a href="Reference/Global_Objects/String/padStart" title="padStart() 方法用另一个字符串填充当前字符串(重复，如果需要的话)，以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。"><code>String.prototype.padStart</code></a> 等函数保持一致，标准方法名称为<code>trimStart</code>。 但是，出于Web兼容性原因，<code>trimLeft</code>仍然是<code>trimStart</code>的别名。在某些引擎中，这意味着：</p>
-<pre class="brush: js"><code>String.prototype.trimLeft.name === "trimStart";</code>
-</pre>
+<pre><code  class="language-javascript"><code>String.prototype.trimLeft.name === "trimStart";</code>
+</code></pre>
 <h2 id="Examples" name="Examples">示例</h2>
 <h3 id="Example:_Using_toLowerCase" name="Example:_Using_toLowerCase">使用<code>trimStart()</code></h3>
 <p>下面的例子输出了小写的字符串"foo  "：</p>
-<pre class="brush:js;highlight:[5]">var str = "   foo  ";
+<pre><code class="language-js;highlight:[5]">var str = "   foo  ";
 
 alert(str.length); // 8
 
 str = str.trimLeft();
 alert(str.length); // 5
 document.write( str );
-</pre>
+</code></pre>
 <h2 id="规范">规范</h2>
 <table class="standard-table">
 <thead>