外部のJavaScriptファイルをリンクする方法

投稿日: 2019-11-05 2019-11-05
タグ: javascript

このチュートリアルでは、外部JavaScriptファイル** （拡張子.js）をWebページにリンクする方法を説明します。

1.外部のJavaScriptファイル

”

.js

“ファイル拡張子で新しいファイルの終わりを作成し、JavaScriptコードを内部に配置します。つまり、あなたは外部のJavaScriptファイルを作成しました:)

….//file : hello.js

function sayHelloToThisPerson(name){
alert(‘hello : ‘ + name);
}//run above js function when this js is loaded
sayHelloToThisPerson(‘mkyong’);

===  2.ウェブページに含める

あなたのウェブページに上記の `hello.js`ファイルを含めるには` src`属性を持つ新しい `<script>`を追加してください:

<html>
<head></head>
<body>
<h1>JavaScript is funny</h1>
<script type=”text/javascript” src=”hello.js”></script>
</body>
</html>

__P.S "src"属性が正しい外部jsファイルのパスを指していることを確認してください。

=== デモ

image://wp-content/uploads/2011/11/link-to-external-javascript-file.png[外部のjavascriptファイルをWebページにリンクする、title = "外部とのjavascript-fileへのリンク"、width = 640、高さ= 362]

** パフォーマンス**  + "head"または "body"タグの中に "**  script ** "タグを置くことができますが、ページの読み込みを高速化するには、 "**  script ** "タグを常にページコンテンツ。

=== ソースコードをダウンロードする

それをダウンロードする -  link://wp-content/uploads/2011/11/Link-External-JavaScript-File-Example.zip[Link- External-JavaScript-File-Example.zip]（1 KB）

リンク://タグ/javascript/[javascript]

getdocs

13036