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

docs/javascript/Reference/Global_Objects/Object/observe.html

@@ -3,7 +3,7 @@
 <h2 id="概述">概述</h2>
 <p><strong><code>Object.observe()</code></strong> 方法用于异步地监视一个对象的修改。当对象属性被修改时，方法的回调函数会提供一个有序的修改流。然而，这个接口已经被废弃并从各浏览器中移除。你可以使用更通用的 <a href="Reference/Global_Objects/Proxy" title="Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。"><code>Proxy</code></a> 对象替代。</p>
 <h2 id="语法">语法</h2>
-<pre class="syntaxbox"><code>Object.observe(<var>obj</var>, <var>callback</var></code>[, <var>acceptList</var>])</pre>
+<pre><code class="language-javascript"><code>Object.observe(<var>obj</var>, <var>callback</var></code>[, <var>acceptList</var>])</code></pre>
 <h3 id="参数">参数</h3>
 <dl>
 <dt><code>obj</code></dt>
@@ -30,7 +30,7 @@
 <p><code style="font-style: normal;">callback</code> 函数会在<code>对象被改变时被调用，其参数为一个包含所有修改信息的有序的数组对象。</code></p>
 <h2 id="例子">例子</h2>
 <h3 id="例子_打印出三种不同操作类型的日志">例子: 打印出三种不同操作类型的日志</h3>
-<pre class="brush: js">var obj = {
+<pre><code  class="language-javascript">var obj = {
   foo: 0,
   bar: 1
 };
@@ -47,9 +47,9 @@ obj.foo = 'hello';
 
 delete obj.baz;
 // [{name: 'baz', object: &lt;obj&gt;, type: 'delete', oldValue: 2}]
-</pre>
+</code></pre>
 <h3 id="例子_数据绑定">例子: 数据绑定</h3>
-<pre class="brush: js">// 一个数据模型
+<pre><code  class="language-javascript">// 一个数据模型
 var user = {
   id: 0,
   name: 'Brendan Eich',
@@ -70,7 +70,7 @@ Object.observe(user, function(changes) {
     }
   });
 });
-</pre>
+</code></pre>
 <h2 id="Specifications" name="Specifications">规范</h2>
 <p><a class="external" href="https://github.com/arv/ecmascript-object-observe" rel="noopener">Strawman proposal for ECMAScript 7</a>.</p>
 <h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>