Javascript 加载一个画布，然后加载另一个画布

我正在使用Flash为我的HTML生成动画内容。 但是这个项目越来越长，我正在考虑使用几个分开的画布文件。 我正在HTML末尾的

标记中加载画布内容（.js）

我的问题是，第一个脚本完成后，如何更改该.js脚本（我用几个按钮控制导航）。 我知道何时更改画布文件（当第一个文件中的导航结束时），但我不知道如何更改它。
我应该尝试更改脚本标记的内容吗？我是否应该加载所有脚本并控制它们以建立和显示它们？我是否应该将可见性设置为隐藏到我不想看到的所有画布

这是flash生成的HTML代码：

<script>
    var canvas, stage, exportRoot;

    function init() {
        canvas = document.getElementById("canvas");
        images = images||{};

        var loader = new createjs.LoadQueue(false);
        loader.addEventListener("fileload", handleFileLoad);
        loader.addEventListener("complete", handleComplete);
        loader.loadManifest(lib.properties.manifest);
    }

    function handleFileLoad(evt) {
        if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
    }

    function handleComplete(evt) {
        exportRoot = new lib.cap_1();

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

        createjs.Ticker.setFPS(lib.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
    }
    </script>

var画布、stage、exportRoot；
函数init（）{
canvas=document.getElementById（“canvas”）；
图像=图像| |{}；
var loader=new createjs.LoadQueue（false）；
loader.addEventListener（“文件加载”，handleFileLoad）；
加载器。添加事件列表器（“完成”，handleComplete）；
loadManifest（lib.properties.manifest）；
}
功能手柄文件负载（evt）{
如果（evt.item.type==“image”）{images[evt.item.id]=evt.result；}
}
功能手柄完成（evt）{
exportRoot=new lib.cap_1（）；
stage=newcreatejs.stage（画布）；
stage.addChild（exportRoot）；
stage.update（）；
stage.enableMouseOver（）；
createjs.Ticker.setFPS（lib.properties.fps）；
createjs.Ticker.addEventListener（“勾号”，阶段）；
}

我看到的是，我可以使用所有画布值创建一些变量，比如exportRoot，并添加/删除child以方便使用

知道怎么做吗？？？

我应该加载所有脚本并控制它们建立并显示它们吗？对无法卸载脚本。请参阅