1. 要素の属性 </strong> <br>XHTML ページに JavaScript を挿入する主な方法は、<script> 要素です。 src、type、一般的に使用される 3 つは type、src、defer です。 <br>1. type 属性の値は通常、text/javascript です。この属性は必須です。<script type="text/javascript">。 2. src 属性の値は *.js 外部ファイルです。この属性はオプションです。。 この例では、外部ファイル example.js が現在のページにロードされます。外部ファイルには、通常、開始 と終了 の間に配置される Javascript コードのみを含める必要があります。埋め込み Javascript コードを解析するのと同様に、外部 Javascript ファイルを解析するときにもページ処理が一時的に停止されます。 src 属性を使用する場合、追加の Javascript コードを と の間に含めないでください。 3. defer 属性の値は「defer」です。これは、ドキュメントが完全に解析され、実行前に表示されるまでスクリプトを遅らせることができることを意味します。<STRONG>2. タグの位置 <BR> 規則に従って、すべての <script> に配置する必要があります。ページの要素、例: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="1484" class="copybut" id="copybut1484" onclick="doCopy('code1484')"><U>コードをコピー コードは次のとおりです: <div class="codebody" id="code1484"> <BR>< ;html> <BR><title></tilte> <BR><script type=”text/javascript” src=”example.js”/< /head> <BR><body> <BR></html> <BR><BR> <BR> 通常、JavaScript 参照はすべて <body> 、ページのコンテンツの後に配置されます。目的は、以下に示すように、ユーザーにページの読み込みが速くなったと感じさせることです: <BR><BR><BR><div class="codetitle">コードをコピー<span><a style="CURSOR: pointer" data="93198" class="copybut" id="copybut93198" onclick="doCopy('code93198')"><U> コードは次のとおりです。 <html> <head> <div class="codebody" id="code93198"></head> <body> <BR><!-- コンテンツ --> <BR></body> ></html> <BR><BR> <BR><BR>3. スクリプトの遅延 <BR> <BR>この属性の目的は、スクリプトを遅延させないことを示すことです。実行時のページの構造に影響を与えます。つまり、ページ全体が解析されるまでスクリプトは遅延します。 <BR><BR><BR><STRONG>コードをコピー<BR><BR> コードは次のとおりです。<div class="codetitle"><span> <a style="CURSOR: pointer" data="71172" class="copybut" id="copybut71172" onclick="doCopy('code71172')"><html> head> <U><title></tilte> <script type=”text/javascript” src=”example.js” defer=”defer”/> <body> </html> <div class="codebody" id="code71172"> <BR> この例では <script> document 要素の ; ですが、その中に含まれるスクリプトはブラウザが </html> タグに遭遇するまで延期されます。 <BR><BR>4. CDATA<BR> <BR>XHTML (XML) では、CData フラグメントはドキュメント内の特別な領域であり、この領域には解析を必要としない任意の形式のテキスト コンテンツを含めることができます。したがって、構文エラーを引き起こすことなく、CData フラグメント内で任意の文字を使用できます。 <BR><BR><BR><BR>コードをコピー<BR><BR><STRONG> コードは次のとおりです。 <BR> <BR><script>// <! [CDATA[ <div class="codetitle">function Compare(a,b){ <span>if(a<b){ <a style="CURSOR: pointer" data="10693" class="copybut" id="copybut10693" onclick="doCopy('code10693')">alert(“A は B より小さい”) ; else if(a> b){ <U>alert(「A は B より大きい」) ; }else { alert(「A は B に等しい」) ; } } <div class="codebody" id="code10693">// ]]> <BR> Double slash comments are added to solve the problem of browser incompatibility with XHTML. 5. element When the browser does not support Javascript or Javascript is disabled, the elements contained in will be displayed. Otherwise, even if the page contains , but its content will not be displayed. As shown below: Copy the code The code is as follows: <BR>< ;/head> <BR><body> <BR><noscript> <BR><p>This page requires the browser to support (enable) Javascript. </p> <BR></noscript> <BR></body> <BR></html> <BR> <BR>This page will be displayed to the user if the script is invalid A message. In a script-enabled browser, the user will never see it - even though it is part of the page. <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="74376" class="copybut" id="copybut74376" onclick="doCopy('code74376')"><U>Copy code The code is as follows:<div class="codebody" id="code74376"> <BR><html> <BR><head> <BR><title>Example HTML Page</title> <BR></head> <BR><body> <BR><noscript> <BR><center><p style="color: red; font-size:26px;">This page requires the browser to support (enable) JavaScript</p></center> <BR></noscript> <BR><!-- Put content here- -> <BR><script type="text/javascript"> <BR>alert(1); <BR> Copy code The code is as follows: Example HTML Page < p style="color:red; font-size:26px;">This page requires the browser to support (enable) JavaScript <BR>alert(1); <BR> In the following two cases, the content in the tag of the above code will be displayed: •The browser does not support scripts•Browse The server supports scripting, but scripting is disabled. In addition, users will never see the content in the tag in the browser. 6. Summary To insert Javascript into XHTML, use the element. Use this element to embed Javascript into an XHTML page, mixing scripts with markup; you can also include external Javascript files. What we need to pay attention to are: <BR>1. Both methods require that the value of the type attribute be set to text/javascript to indicate that the Javascript scripting language is used. <BR>2. When including external Javascript files, the src attribute must be set to the url pointing to the corresponding file. This file can be a file located on the same server as the page containing it, or it can be a file in any other domain. <BR>3. All <script> elements will be parsed in order of their appearance on the page. The next <script> code is parsed only after the previous <script> code has been parsed. <BR>4. The browser must first parse the code in the previous <script> element before rendering the subsequent page content. For this reason, the <script> element is generally placed at the end of the page, after the page content and before the closing </body> tag. <BR>5. In IE and Firefox, you can set the defer attribute to let the browser execute the script after rendering the document. Other browsers do not support this attribute. <BR>Alternatively, use the <noscript> element to specify alternative content to be displayed in browsers that do not support scripts. However, when scripting is enabled, the browser will not display any content within the <noscript> element.