index.htmlから外部ファイルの関数を実行

Question

下記のようにindex.htmlから外部のjsに記述している
関数：onbtn_abc()を実行したいのですが、うまく実行されないので質問させて頂きました。
どのように記述すれば良いでしょうか？

---index.html---

<script type="text/javascript">

function handleComplete() {
   
   exportRoot = new lib.test();

   stage = new createjs.Stage(canvas);
   stage.addChild(exportRoot);
   stage.update();

   createjs.Ticker.setFPS(lib.properties.fps);
   createjs.Ticker.addEventListener("tick", stage);

   $("#btn_smile").click(function () {              

      //test.jsのonbtn_abc()を実行したい！

   });

}

</script>

--- test.js---

(lib.test = function(mode,startPosition,loop) {
if (loop == null) { loop = false; }
	this.initialize(mode,startPosition,loop,{});

	// timeline functions:
	this.frame_0 = function() {
				
		this.gotoAndPlay(1);

		function onbtn_abc(){
		   this.gotoAndPlay(100);
		}
		
	}
	
	this.frame_300 = function() {
		this.gotoAndPlay(1);
	}

}).prototype = p = new cjs.MovieClip();
p.nominalBounds = new cjs.Rectangle(326.6,1015.6,253.1,94);

})(lib = lib||{}, images = images||{}, createjs = createjs||{}, ss = ss||{});
var lib, images, createjs, ss;

Answer 1

質問者の方の意図に沿っているかわかりませんが、これでどうでしょう？
test.jsがindex.htmlと同じ階層にある前提で書きます。
---index.html---

<script type="text/javascript" src="test.js"></script> <script type="text/javascript"> function handleComplete() { exportRoot = new lib.test(); stage = new createjs.Stage(canvas); stage.addChild(exportRoot); stage.update(); createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); $("#btn_smile").click(function () { onbtn_abc(); }); } </script>