HTML で js を使用する方法: 1. [<script>] を使用して JavaScript を HTML に埋め込み、[<script>] を使用して外部ファイルを組み込む場合は src 属性を使用します; 2. すべて [ < script>] 要素はページの要素内に配置する必要があります。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202103/04/2021030414092671447.jpg" alt="HTMLでjsを使う方法" ></p> <p>このチュートリアルの動作環境: Windows 7 システム、HTML バージョン 4.01、DELL G3 コンピューター。 </p> <p><strong>HTML で js を使用する方法: </strong></p> <p><strong>1. <script> 要素 </strong></p> <p> は HTML# で使用されます# #<script><code>Embedded JavaScript</code></p>HTML 4.01 では、<p></p> <p><script><code> に次の 6 つの属性が定義されています。 </code></p> <ul style="list-style-type: disc;"> <li>#async<p>: オプション。スクリプトをすぐにダウンロードする必要があるが、他のリソースのダウンロードや他のスクリプトがロードされるのを待つなど、ページ上の他の操作を妨げないことを示します。外部スクリプト ファイルに対してのみ有効です。 <code></code></p> </li> <li>charset<p>: オプション。 src 属性で指定されたコードを表す文字セット。ほとんどのブラウザはその値を無視するため、この属性はほとんど使用されません。 <code></code></p> </li> <li>defer<p>: オプション。ドキュメントが完全に解析されて表示されるまでスクリプトを遅延できることを示します。外部スクリプト ファイルに対してのみ有効です。 IE7 以前では、埋め込みスクリプトのこの属性もサポートされています。 <code></code></p> </li> <li>言語<p>: 非推奨になりました。元々は、コードを記述するために使用されるスクリプト言語 (JavaScript、JavaScript1.2、VBScript など) を表すために使用されていました。ほとんどのブラウザはこの属性を無視するため、使用する必要はありません。 <code></code></p> </li>#src<li>: オプション。実行されるコードを含む外部ファイルを表します。 <p><code></code></p> </li>type<li>: オプション。コードの記述に使用されるスクリプト言語のコンテンツ タイプ (MIME タイプとも呼ばれる) を示す、言語の代替属性と考えることができます。 text/javascript と text/ecmascript は両方とも非推奨になりましたが、人々は常に text/javascript を使用してきました。実際、JavaScript ファイルを送信するときにサーバーが使用する <p><code></code></p>MIME タイプは通常 application/x–javascript ですが、これをタイプに設定するとスクリプトが無視される可能性があります。さらに、IE 以外のブラウザでは、</li> </ul>application/javascript および application/ecmascript の値も使用できます。規約とブラウザーの最大互換性を考慮すると、type 属性の現在の値は依然として <p></p>text/javascript です。ただし、この属性は必須ではなく、この属性が指定されていない場合でも、デフォルト値は text/javascript のままです。 <p></p> <p><script></p> 要素を使用するには、JavaScript コードをページに直接埋め込む方法と、外部 JavaScript ファイルを含める方法の 2 つがあります。 <p><script><code> 要素を使用して JavaScript コードを埋め込む場合、</code><script><code> の type 属性を指定するだけで済みます。次に、次のように JavaScript コードを要素内に直接配置します: </code><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script type="text/javascript"> function fun(){ alert("hello") } </script></pre><div class="contentsignin">ログイン後にコピー</div></div><code><script> 要素内に含まれる JavaScript コードは、上から下に解釈されます。 </code></p>インタプリタが <script> 要素内のすべての <p></p> コードを評価するまで、ページ上の他のコンテンツはブラウザによってロードまたは表示されません。 <p></p><script> を使用して JavaScript コードを埋め込む場合は、コード内のどこにも </script> 文字列を含めないように注意してください。必須の場合は、/ エスケープ文字を使用します。
<\/script>
<script> を使用して外部ファイルを含める場合は、src 属性を使用します。外部ファイルの解析中 (ダウンロードを含む) は、ページの処理が停止します。 src 属性を使用して <script> の途中に他のコードを埋め込むことはできません。埋め込まないと実行されません。2. タグの位置
従来の慣例に従って、すべての
著者別の最新記事
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
