JS と CSS のオーバーレイ機能を使用してファイルの競合を解決する_html/css

JS と CSS のオーバーレイ機能を使用してファイルの競合を解決する_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:50:43

オリジナル

1042 人が閲覧しました

プロジェクトの規模が大きくなるにつれて、共同開発がますます一般的になります。共同開発を長期間続けると、ファイルの競合の問題が発生するようになります。

HTML ファイルが 2 つの外部 JS ファイルを参照しており、これら 2 つの外部 JS ファイルを変更する権限がない場合、HTML ファイルを変更する権限しかありません。

両方の外部 JS ファイルが window.onload イベントを定義しているとします。。コードの前提条件は次のとおりです:

如如

<script type="text/javascript" src="a.js"></script><script type="text/javascript" src="b.js"></script>

ログイン後にコピー

A.js ファイルの内容:

B.JS ファイルの内容:

b.jsで定義されているwindow.onloadイベントは上書きされました。

a.js と b.js の両方で window.onload を正常に実行したい場合はどうすればよいでしょうか? ? ?

JS にはそのような機能があることがわかっています。後で定義された同じ名前の変数は、エラーを報告せずに、以前に定義された同じ名前の変数の値を上書きします。また、値がシステムへの参照である変数をカスタマイズすることもできます。機能。

取得された変数はシステム関数と同じ機能を持ちます。

それでは、JS のこの機能を活用しましょう。これは JS 設計のバグだと考える人もいますが、少なくとも現時点では、この機能はまだ多少は役に立ちます。

新しく変更されたコードは次のとおりです:

window.onload=function(){alert("这是a.js的");}

ログイン後にコピー

window.onload=function(){alert("这是b.js的");}

ログイン後にコピー

<pre name="code" class="html"><script type="text/javascript" src="a.js"></script><script type="text/javascript" >

ログイン後にコピー

<span style="font-family: Arial, Helvetica, sans-serif;">var aa=window.onload;//得到已经定义的</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload事件处理程序的句柄或者说引用 这里面保存了a.js定义的</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload事件的逻辑操作。</span>

ログイン後にコピー

<span style="font-family: Arial, Helvetica, sans-serif;">window.onload=null;//把</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload的事件处理程序注销，这样系统就不会再执行</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload函数了。</span>

ログイン後にコピー

<span style="font-family: Arial, Helvetica, sans-serif;"></script></span>

ログイン後にコピー

<script type="text/javascript" src="b.js"></script><script type="text/javascript" >

ログイン後にコピー

<pre name="code" class="html"><span style="font-family: Arial, Helvetica, sans-serif;">var bb=window.onload;//得到已经定义的</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload事件处理程序的句柄或者说引用 这里面保存了b.js定义的</span><span style="font-family: Arial, Helvetica, sans-serif;">window.onload事件的逻辑操作。</span>

ログイン後にコピー