Javascriptページで実行する順序
4902 ワード
一、HTMLにJavasriptを埋め込む方法直接Javascriptコードをマークペアとスクリプトの間に置く によりマークされたsrc属性により外部のjsファイル は、例えば、 のようなイベントハンドラに置かれています.はURLの主体として、このURLは特別なJavascriptを使用します.例えば、 Javascript自体のdocument.writeを利用して、新しいjavascriptコード を書き込みます. Ajax非同期を利用してjavascriptコードを取得し、 を実行する.
第3と第4の方法で書かれたJavascriptはトリガが必要ですので、特別に設定しない限り、ページローディングは実行されません.
二、Javascriptページでの実行順序ページのJavascriptコードはHTMLドキュメントの一部であるため、Javascriptはページのロード時に実行する順序は、その導入マーク 各スクリプトによって定義されたグローバル変数と関数は、後に実行されるスクリプトによって呼び出されてもよい. 変数の呼び出しは、前に宣言されている必要があります.そうでないと取得された変数値はundefinedです. 同じセグメントのスクリプトでは、関数の定義は、関数の呼び出しの後に現れることができますが、それぞれ2つのセグメントのコードであり、関数の呼び出しが第1のセグメントのコードであれば、エラーを報告する関数は定義されていません. document.write()はスクリプトドキュメントがある場所に出力を書き込み、ブラウザでdocumemt.write()がある文書の内容を解析した後、document.write()が出力した内容を解析し続けてHTMLドキュメントを解析しています. FirefoxとOperaのポップアップ値の順序は、1、2、私は1、3 です.において、IEで値をイジェクトする順序は、2、1、3であり、同時にブラウザのエラーを報告する:tmpStrは を定義していない.
理由は、IEがDcument.writeの時に、SRCのJavascriptコードのロードが完了してから次の行を実行しないため、2が先にポップアップし、Dcument.write('document.write("私は"+tmpStr")に実行した場合、tmpStrは定義されていないためです.この問題を解決するには、HTML解析を利用してHTMLタグを解析し終わったら、次の原理を実行して、コードを分割して実現できます.このようにIEの下で、他のブラウザと出力値の順番はずっと続いています.1、2、私は1、3です.三、どのようにJavascriptのページでの実行順序を変えますか?オンロード を利用して解決することです. IEではdeferを利用してもいいです.deferはコードを読み込んですぐに実行しません.ファイルの読み込みが終わったら実行します.window.onloadに似ていますが、window.onloadのような制限がなくて、繰り返し使用できます.しかし、IEの中でのみ有効です.上記の例は はAjaxを利用する.xmlhtpRequestは外部ドキュメントのロード状態を判断することができますので、コードのロード順序を変更することができます.
<p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p> <a href="javascript:alert('我是由javascript:协议执行的javascript')">点击我</a> 第3と第4の方法で書かれたJavascriptはトリガが必要ですので、特別に設定しない限り、ページローディングは実行されません.
二、Javascriptページでの実行順序
<script type="text/javscrpt">//<![CDATA[
alert(tmp); //输出 undefined
var tmp = 1;
alert(tmp); //输出 1
//]]></script><script type="text/javscrpt">//<![CDATA[
aa(); //浏览器报错
//]]></script>
<script type="text/javscrpt">//<![CDATA[
aa(); //输出 1
function aa(){alert(1);}
//]]></script><script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\\/script>');
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script>var tmpStr = 1;
alert(tmpStr);理由は、IEがDcument.writeの時に、SRCのJavascriptコードのロードが完了してから次の行を実行しないため、2が先にポップアップし、Dcument.write('document.write("私は"+tmpStr")に実行した場合、tmpStrは定義されていないためです.この問題を解決するには、HTML解析を利用してHTMLタグを解析し終わったら、次の原理を実行して、コードを分割して実現できます.このようにIEの下で、他のブラウザと出力値の順番はずっと続いています.1、2、私は1、3です.三、どのようにJavascriptのページでの実行順序を変えますか?
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript" src="test.js"><\\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
document.write('<script type="text/javascript">');
document.write('alert(2);')
document.write('alert("我是" + tmpStr);');
document.write('<\\/script>');
//]]></script>
<script type="text/javascript">//<![CDATA[
alert(3);
//]]></script><script type="text/javascript">//<![CDATA[
window.onload = f;
function f(){alert(1);}
alert(2);
//]]></script>window.onload = function(){f();f1();f2();.....}