外部JSの関数を実行する方法
環境
- 外部JS
- 関数
- javascript
- js
- html
- html5
説明
ディレクトリの構成
$ cd /Users/ユーザー名/Desktop/gaibu_js_kansu
$ tree
.
├── one
│ └── one.html
└── two
└── two.js
外部のjsを読み込み（パスには注意すること）
<script type="text/javascript" src="../two/two.js">
html内部でjsの関数を実行
<script language="JavaScript">
gaibu_yobidasi();
実装
one.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<script type="text/javascript" src="../two/two.js"></script>
<script language="JavaScript">
koshin();
</script>
<p>⬆︎外部のjsを読み込んで上に表示させる</p>
</body>
</html>
two.js
function gaibu_yobidasi(){
document.write("俺を外部から呼び出したのはお主なのか...")
}
参照
外部jsファイルから別の外部jsファイルの関数を呼び出したい．
JavaScriptの外部ファイル
HTML文章内でのJavaScript記述方法
実行
ソース
りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています！