HTMLでjsを使う方法

coldplay.xixiオリジナル: 2021-03-04 14:18:038875ブラウズ

HTML で js を使用する方法: 1. [3f1c4e4b6b16bbbd69b2ee476dc4f83a] を使用して JavaScript を HTML に埋め込み、[3f1c4e4b6b16bbbd69b2ee476dc4f83a] を使用して外部ファイルを組み込む場合は src 属性を使用します; 2. すべて [ 27835793f4768f4164d1421d99e293bc] 要素はページの要素内に配置する必要があります。

HTMLでjsを使う方法

このチュートリアルの動作環境: Windows 7 システム、HTML バージョン 4.01、DELL G3 コンピューター。

HTML で js を使用する方法:

1. 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素

は HTML# で使用されます# #3f1c4e4b6b16bbbd69b2ee476dc4f83aEmbedded JavaScript

HTML 4.01 では、

3f1c4e4b6b16bbbd69b2ee476dc4f83a に次の 6 つの属性が定義されています。

#async
: オプション。スクリプトをすぐにダウンロードする必要があるが、他のリソースのダウンロードや他のスクリプトがロードされるのを待つなど、ページ上の他の操作を妨げないことを示します。外部スクリプトファイルに対してのみ有効です。
charset
: オプション。 src 属性で指定されたコードを表す文字セット。ほとんどのブラウザはその値を無視するため、この属性はほとんど使用されません。
defer
: オプション。ドキュメントが完全に解析されて表示されるまでスクリプトを遅延できることを示します。外部スクリプトファイルに対してのみ有効です。 IE7 以前では、埋め込みスクリプトのこの属性もサポートされています。
言語
: 非推奨になりました。元々は、コードを記述するために使用されるスクリプト言語 (JavaScript、JavaScript1.2、VBScript など) を表すために使用されていました。ほとんどのブラウザはこの属性を無視するため、使用する必要はありません。
: オプション。実行されるコードを含む外部ファイルを表します。
: オプション。コードの記述に使用されるスクリプト言語のコンテンツタイプ (MIME タイプとも呼ばれる) を示す、言語の代替属性と考えることができます。 text/javascript と text/ecmascript は両方とも非推奨になりましたが、人々は常に text/javascript を使用してきました。実際、JavaScript ファイルを送信するときにサーバーが使用する
MIME タイプは通常 application/x–javascript ですが、これをタイプに設定するとスクリプトが無視される可能性があります。さらに、IE 以外のブラウザでは、

application/javascript および application/ecmascript の値も使用できます。規約とブラウザーの最大互換性を考慮すると、type 属性の現在の値は依然として

text/javascript です。ただし、この属性は必須ではなく、この属性が指定されていない場合でも、デフォルト値は text/javascript のままです。

3f1c4e4b6b16bbbd69b2ee476dc4f83a

要素を使用するには、JavaScript コードをページに直接埋め込む方法と、外部 JavaScript ファイルを含める方法の 2 つがあります。

3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素を使用して JavaScript コードを埋め込む場合、3f1c4e4b6b16bbbd69b2ee476dc4f83a の type 属性を指定するだけで済みます。次に、次のように JavaScript コードを要素内に直接配置します:

<script type="text/javascript">
function fun(){
    alert("hello")
}
</script>

3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素内に含まれる JavaScript コードは、上から下に解釈されます。

インタプリタが 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素内のすべての

コードを評価するまで、ページ上の他のコンテンツはブラウザによってロードまたは表示されません。

3f1c4e4b6b16bbbd69b2ee476dc4f83a を使用して JavaScript コードを埋め込む場合は、コード内のどこにも 2cacc6d41bbb37262a98f745aa00fbf0 文字列を含めないように注意してください。必須の場合は、/ エスケープ文字を使用します。

053a9cc4c2e9b9f6f911642332d34e85

3f1c4e4b6b16bbbd69b2ee476dc4f83a を使用して外部ファイルを含める場合は、src 属性を使用します。外部ファイルの解析中 (ダウンロードを含む) は、ページの処理が停止します。 src 属性を使用して 3f1c4e4b6b16bbbd69b2ee476dc4f83a の途中に他のコードを埋め込むことはできません。埋め込まないと実行されません。

2. タグの位置

従来の慣例に従って、すべての 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素は、次のようにページの要素内に配置する必要があります。 # #これを実行しないと、すべての js ファイルがダウンロード、解析、実行された後でブラウザーがページの表示を開始します (ブラウザーは本文に遭遇するまでコンテンツのレンダリングを開始しません)

この問題を回避するには、最新の Web アプリケーション次の例に示すように、要素内のページコンテンツの後にすべての JavaScript 引用符を配置するのが一般的です。

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>

この方法では、ページのコンテンツは、含まれる JavaScript の前に完全にレンダリングされます。コードはブラウザで解析されます。また、ブラウザウィンドウに空白のページが表示される時間が短縮されるため、ユーザーはページを開く速度が速くなったと感じます。

3. ドキュメントモード

doctype

混合モード

標準モード

準標準モード

4. 2b0b25ff593c5b6c03403dd6234ffb2c

この要素には、ドキュメント 6c04bd5ca3fcae76e30b72ad730ca86d 内に表示できる任意の HTML 要素を含めることができます (3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素を除く)。

2b0b25ff593c5b6c03403dd6234ffb2c

要素に

を含むコンテンツは、次の状況でのみ表示されます:

[ ] ブラウザはスクリプトをサポートしていません;

[ ] ブラウザはスクリプトをサポートしていますが、スクリプトは無効になっています。

符合上述任何一个条件，浏览器都会显示2b0b25ff593c5b6c03403dd6234ffb2c中的内容。而在除此之外的其他情况下，浏览器不会呈现2b0b25ff593c5b6c03403dd6234ffb2c中的内容。示例：

<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" defer="defer" src="example1.js"></script>
<script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>
<noscript>
<p>本页面需要浏览器支持（启用） JavaScript。</p>
</noscript>
</body>
</html>

相关学习推荐：html视频教程

以上がHTMLでjsを使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：htmlファイルはプレーンテキストファイルですか?次の記事：htmlファイルはプレーンテキストファイルですか?

続きを見る