ホームページ > 記事 > ウェブフロントエンド > 参照される JavaScript ファイルを script タグに含める必要がありますか?
参照される JavaScript ファイルを script タグに含める必要がありますか?
- WBOYオリジナル
- 2022-04-06 11:45:043745ブラウズ
参照される JavaScript ファイルは script タグに含める必要があります。 script タグの src 属性を使用して、外部 JavaScript ファイルへのパスを「」の構文で指定します。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript ファイルを引用するときに script タグを含めるかどうか
JavaScript ファイルの引用
CSS ファイルと同様に、JavaScript コードは別のファイルに保存できます。ファイル。JavaScript スクリプトの呼び出しの再現性を強化します。 JavaScript ファイルは、任意のテキスト エディタで開いて編集できるテキスト ファイルであり、JavaScript ファイルの拡張子は js です。
<script> タグは、JavaScript などのクライアント側のスクリプトを定義するために使用されます。 </script>
<script> 要素には、スクリプト ステートメントを含めることも、「src」属性を通じて外部スクリプト ファイルを指定することもできます。 </script>
JavaScript ファイルを導入する場合、<script> タグを使用し、タグの src 属性に JavaScript ファイルの URL (Uniform Resource Locator) を指定するだけです。 </script>
例:
新しいテキスト ファイルを作成し、test.js として保存し、文字列の長さを返すパブリック関数をファイルに記述します
//公共函数：计算字符串的实际长度
function strlen(str){
var len;//声明临时变量，存储字符串的实际长度
var i;//声明循环变量
len = 0;//初始化临时变量len为0
for(i = 0; i < str.length; i++){//循环检测字符串中每个字符
if(str.charCodeAt(i) > 255)//如果当前字符为双字节字符，+2
len += 2;
else //如果当前字符为单字节字符，+1
len++;
}
return len;//返回实际长度值
}新しい HTML ドキュメントを作成し、test.js を導入します。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!-- 引入外部JavaScript文件 -->
<script type="text/javascript" src="test.js" ></script>
</head>
<script>
var str = "JavaScript编程语言";
document.write("<h2>" + str + "</h2>");//输出变量的值
document.write("<p>实际长度=" + strlen(str) + "字节</p>");//调用函数
</script>
<body>
</body>
</html>
外部 JavaScript ファイルを使用すると、JavaScript モジュラー開発プログラムを強化し、コードの再利用を向上させることができます。 Web 開発では、ユーザーはコードを再利用する良い習慣を身に付ける必要があります。JavaScript コードを作成するときに、より多くの外部 JavaScript ファイルを使用すると、プロジェクト開発の速度と効率が向上します。
関連する推奨事項: JavaScript 学習チュートリアル
以上が参照される JavaScript ファイルを script タグに含める必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。