将脚本属性(data-vars)传入head.js?

时间:2013-10-30 13:30:20

标签: javascript head.js

有没有办法通过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() {
}

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

1 个答案:

答案 0 :(得分:0)

不,这在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);