『JavaScriptプレミアムプログラミング』ノート2:HTMLでJavascriptを使う

4378 ワード
参考原文:『JavaScriptプレミアムプログラミング』ノート:HTMLでJavascriptを使う
要素</h2>
<ol>
<li>直接ページ埋め込みJavaScriptコード</li>
</ol>
<pre><code><script type="text/javascript">
function sayHi(){
alert("Hi!");
} の に まれるJavaScriptコードは、 から へ に されます. の では、 は の を し、 を の に します. によるの コードの が するまで、ページ の りのコンテンツはブラウザにロードされたり されたりしません.
  • JavaScriptファイル
    • を む
    
//  ：   src   <script>           ，         

 
 
     
  
    与解析嵌入式JavaScript代码一样，解析外部JavaScript文件（       ）时，页面的处理也会暂时停止。
     
 
     
 
    延迟脚本——defer属性
     
 
    



Example HTML Page







    




    ラベルはdeferプロパティを  します.このプロパティの  は、スクリプトが   にページの  に  を えないことを すことです.つまり、スクリプトはページ  の  が  してから  されるまで  されます.したがって、<script>  にdeferプロパティを  することは、ブラウザ<に えることに  します.strong>すぐにダウンロードしますが、  が  します.</strong> <br>   では<script>  はドキュメントの<head>  には まれていますが、スクリプトはブラウザに  します</html>ラベルを けてから  します.</p> 
    <blockquote> 
    <ul> 
    <li>で<code><script></code>  にdeferプロパティを  すると、ブラウザにすぐにダウンロードするように えるのと じですが、  が  します.</li> 
    <li>H 5は め みスクリプトに  されたdeferプロパティを  します.</li> 
    <li>  の  スクリプトは、  には ずしも  に  されるわけではありません.  スクリプトは1つだけ まれることが ましいです.</li> 
    <li>  スクリプトは、ページの  に  するのが  です.(deferプロパティをサポートしていないブラウザはこのプロパティを  し、スクリプトを  に  します)*</li> 
    </ul> 
    </blockquote> 
    <h3>   ロード-asyncプロパティ</h3> 
    <pre><code><script type="text/javascript"async src="example1.js">
  •  asyncは、  スクリプトファイルのみに  され、ブラウザに ちにファイルをダウンロードするように えますが、  された  で  することは  されません.
    •   
  •  asyncプロパティを  する  は、ページがスクリプトのダウンロードと  を たないようにし、ページの のコンテンツを   でロードすることです.したがって、   スクリプトは、 ロード にDOMを  しないことをお めします.
    •   
  •    スクリプトは、 ずページloadイベントの に  され、DOM ContentLoadedイベントがトリガーされる または に  される   があります.
    •   
    ドキュメントモデル
      の2つのドキュメントモードは、ハイブリッドモード(quirks mode)と  モード(standards mode)です.ハイブリッドモードはIEの  を(     を む)IE 5と じにし、  モードはIEの  を    に づける.
    ドキュメントの   にドキュメントタイプ  が つからない  は、すべてのブラウザがデフォルトでハイブリッドモードをオンにします.
      
      に まれる  は、 の  にのみ  されます.
  • ブラウザでは、スクリプト
    • はサポートされていません.
  • ブラウザはスクリプトをサポートしますが、スクリプトは
    • を  にします.
    



     び 
  • ブラウザは、deferプロパティを  しない  のコードを  してから、 の  を  します.だから、  は<script>  はページの  に かれます.strong> な  の 、<code><body></code>ラベルの </strong>.</li> 
    <li>deferプロパティ:ドキュメントが  に  された にスクリプトを  できます.  スクリプトは、 に  された  で  されます( なくともH 5  の  は、   には ずしもそうではありません).lt;/li> 
    <li>asyncプロパティ:  のスクリプトは、 のスクリプトを つ  がなく、ドキュメントの  をブロックする  もありません.ただし、    は  されていません!</li> 
    </ul> 
    </article>
    </div>
    </div>
    </div>
    <!--PCとWAPの   -->
    <div id="SOHUCS"sid="1274500343467622400"></div>
    <script type="text/javascript"src="/views/front/js/chanyan.js">
    •
    maven-assembly-plugin学習
    GFS論文再読