ホームページ > 記事 > ウェブフロントエンド > HTMLにjsを追加する方法
HTMLにjsを追加する方法
- 青灯夜游オリジナル
- 2021-06-21 12:04:417001ブラウズ
js を HTML に追加する方法: 1. 「3f1c4e4b6b16bbbd69b2ee476dc4f83ajs code2cacc6d41bbb37262a98f745aa00fbf0」という構文を使用して、JavaScript コードをページに直接埋め込みます; 2. js コードを「.js」ファイルに書き込みます、「e48277dfe745cff2295dc91503dd2dbc2cacc6d41bbb37262a98f745aa00fbf0」ステートメントを使用して参照します。
このチュートリアルの動作環境: Windows7 システム、HTML5&&JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript を HTML に導入するには主に 2 つの方法があり、どちらの方法でも 3f1c4e4b6b16bbbd69b2ee476dc4f83a タグを使用する必要があります。 :
方法 1: JavaScript コードをページに直接埋め込みます
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript的引入</title>
</head>
<body>
<script>
var a=1;
alert(a);
</script>
</body>
</html>方法 2: 外部ファイルを導入します
次のことができます。 pass 3f1c4e4b6b16bbbd69b2ee476dc4f83a タグの src 属性は、外部 js ファイルを導入します。
3f1c4e4b6b16bbbd69b2ee476dc4f83a タグには他にも多くの属性がありますが、これらの属性は一般的に使用されないか、すべてデフォルト値があり、これらのデフォルト値は通常変更する必要がないため、src 属性知っておく必要があるのはこれだけかもしれません。
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript的引入</title>
</head>
<body>
<!-- 引入本地文件 -->
<script src="./script.js"></script>
<!-- 引入外部域的文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
</html>このようにして、サーバーは MIME タイプ application/x-javascript で JavaScript ファイルをブラウザに送信します。
推奨チュートリアル: 「html ビデオ チュートリアル 」
以上がHTMLにjsを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。