编辑外部JS文件中的变量

时间:2015-06-30 12:57:41

标签: javascript html html5-canvas

我有一个html文件和一个JS文件。 在JS文件中是vars:

(function (lib, img, cjs) {

var p; // shortcut to reference prototypes

// library properties:
lib.properties = {
    width: 300,
    height: 250,
    fps: 30,
    color: "#FFFFFF",
    manifest: [
        {src:"images/logo_bg.png", id:"logo_bg"}
    ]
};
....

现在,您可以看到图像的源路径。 - >图像/ logo_bg.png

如何更改html文件中的路径?

<head>
<script src="test.js"></script>

<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() {
    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);
}
</script>
</head>

<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="canvas" width="300" height="250" style="background-color:#FFFFFF"></canvas>
</body>

使用&#34; getElementById&#34;处理它的想法还没有工作......

非常感谢!

1 个答案:

答案 0 :(得分:0)

通过DOM操作。

$('#yourImage').attr("src", "your/new/path");

或没有jQuery:

document.getElementById("yourImage").setAttribute("src", "your/new/path");

http://www.w3schools.com/jsref/met_element_setattribute.asp

http://api.jquery.com/attr/