javascript - 将脚本属性(数据变量)传递到 head.js 中？

Question

有没有办法通过 head.js 将脚本属性传递到加载 JavaScript 中？

例如，我们需要加载的脚本的原始形式如下:

<script type="text/javascript" charset="utf-8"
src="script.js"
data-vast-src="adscript.js"
data-post-ad-container="content-div"
data-autoplay="true"
data-width="600"
data-height="400">
</script>

所以我们需要的解决方案是这样的:

head.js("jquery.js", { url: "script.js", charset: "utf-8", data-vast-src: "adcript.js", data-post-ad-container: "content-div", data-autoplay: "", data-width: "600", data-height: "400" }, function() {
}

我们已经尝试过这个，但它不起作用......

Answer 1

不，这在 HeadJS 中是不可能的，但你可以自己轻松做到

function addScript(url, attributes) {
    var s = document.createElement("script");   

    s.type = "text/javascript"; 
    s.src  = url;

    for (var item in attributes) {
       s.setAttribute(item, attributes[item]);
    }

    var head = document.head || document.getElementsByTagName("head")[0];
    head.insertBefore(s, head.lastChild);
}

var attributes = {
    "data-vast-src"         : "adscript.js",
    "data-post-ad-container": "content-div",
    "data-autoplay"         : "true",
    "data-width"            : "600",
    "data-height"           : "400"
};

addScript("http://...../script.js", attributes);