外部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記述方法

実行

俺を外部から呼び出したのはお主なのか…

ソース

gaibu-js-kansu

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

ホーム