Question

我正在尝试运行一个无法编辑的外部脚本。目前我在页面加载时调用脚本。这会减慢我的网站速度。我想调用javascript文件并在单击时运行该函数。单击时调用该函数，我的速度提高了一些。但是，它仍然调用javascript文件，因为我不知道如何在点击时调用它和函数。我花了几个小时阅读并尝试在Google上找到类似的请求但没有成功。

下面你会看到我到目前为止所得到的。

<div id="myFunctionID" style="background: url('http://example.com/button.png') repeat
 scroll 0 0 transparent; width: 100px; height: 50px; cursor: pointer; position:fixed; 
 bottom:0; left:0;">
</div>
<script type="text/javascript" src="https://externalScript.js"></script>

点击按钮图片时，请帮我加载JS文件和myFunctionID。

Answer 1

使用javascript（引自JavaScript - function to load external JS files is needed）

function loadScript(url, callback){

    var script = document.createElement("script")
    script.type = "text/javascript";

    if (script.readyState){  //IE
        script.onreadystatechange = function(){
            if (script.readyState == "loaded" ||
                    script.readyState == "complete"){
                script.onreadystatechange = null;
                callback();
            }
        };
    } else {  //Others
        script.onload = function(){
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

使用jquery

$("button").click(function(){
  $.getScript("pathto/external.js");
});

单击图像时调用javascript文件和函数

1 个答案: