ホームページ > ウェブフロントエンド > jsチュートリアル > 参照される JavaScript ファイルを script タグに含める必要がありますか?

参照される JavaScript ファイルを script タグに含める必要がありますか?

WBOY
リリース: 2022-04-06 11:48:09
オリジナル
3898 人が閲覧しました

参照される JavaScript ファイルは script タグに含める必要があります。 script タグの src 属性を使用して、外部 JavaScript ファイルへのパスを「」の構文で指定します。

参照される JavaScript ファイルを script タグに含める必要がありますか?

このチュートリアルの動作環境: 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 ファイルを script タグに含める必要がありますか?

外部 JavaScript ファイルを使用すると、JavaScript モジュラー開発プログラムを強化し、コードの再利用を向上させることができます。 Web 開発では、ユーザーはコードを再利用する良い習慣を身に付ける必要があります。JavaScript コードを作成するときに、より多くの外部 JavaScript ファイルを使用すると、プロジェクト開発の速度と効率が向上します。

関連する推奨事項: JavaScript 学習チュートリアル

以上が参照される JavaScript ファイルを script タグに含める必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート