如何附加<；脚本>；使用Javascript访问头部或身体？

我有一个JavaScript问题

我在google上搜索了如何使用javascript追加，并找到了一个例子。我想手动将

script

标记附加到head或body，但示例只是附加在head中

我编辑了这个示例，以便脚本标记可以附加到头部或主体中，但代码不起作用

有人能帮我解决问题吗？请给我看jsfiddle:D上的演示

谢谢：）

下面是我的脚本：

//JS
//Defined with  loadjscssfile("yourcssurl.js", "js", "head"); or addCss("yourcssurl.js", "js", "body");
//CSS
//Defined with  loadjscssfile("yourcssurl.css", "css", "head"); or addCss("yourcssurl.css", "css", "body");
function loadjscssfile(filename, filetype, pos) {
    if (filetype == "js") { //if filename is a external JavaScript file
        var fileref = document.createElement('script')
        fileref.setAttribute("type", "text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype == "css") { //if filename is an external CSS file
        var fileref = document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }

    if (typeof fileref == filetype) {
        document.getElementsByTagName(pos)[0].appendChild(fileref)
    }

    else if (typeof fileref != "undefined") {
        document.getElementsByTagName("head")[0].appendChild(fileref)
    }
}

loadjscssfile("myscript.js", "js", "body") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js", "body") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css", "body") ////dynamically load and add this .css file

这是我编辑之前的原始脚本：

---

对不起，我的英语不好：）

你可以从谷歌学习动态添加脚本

(function () {
    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);
})();

我不确定你到底想要实现什么，但是仔细看看脚本，它是异步的。所以您不必担心资源加载的顺序

---

在一些用例中，你可能需要控制脚本加载的顺序，你可以考虑使用或

你可以从谷歌学习到动态地追加脚本

(function () {
    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);
})();

我不确定你到底想要实现什么，但是仔细看看脚本，它是异步的。所以您不必担心资源加载的顺序

---

在一些用例中，你可能需要控制脚本加载的顺序，你可以考虑使用或

你非常接近，但是你不需要额外的<代码>如果你添加了条件，这就足够了：

function loadjscssfile(filename, filetype, pos) {
    var fileref;

    if (filetype === "js") { //if filename is a external JavaScript file
        fileref = document.createElement("script");
        fileref.setAttribute("type", "text/javascript");
        fileref.setAttribute("src", filename);
    }
    else if (filetype === "css") { //if filename is an external CSS file
        fileref = document.createElement("link");
        fileref.setAttribute("rel", "stylesheet");
        fileref.setAttribute("type", "text/css");
        fileref.setAttribute("href", filename);
    }

    if (fileref) {
        document.getElementsByTagName(pos)[0].appendChild(fileref);
    }
}

---

试一试。

你已经很接近了，但是你不需要额外的

，如果你添加了

条件，这就足够了：

function loadjscssfile(filename, filetype, pos) {
    var fileref;

    if (filetype === "js") { //if filename is a external JavaScript file
        fileref = document.createElement("script");
        fileref.setAttribute("type", "text/javascript");
        fileref.setAttribute("src", filename);
    }
    else if (filetype === "css") { //if filename is an external CSS file
        fileref = document.createElement("link");
        fileref.setAttribute("rel", "stylesheet");
        fileref.setAttribute("type", "text/css");
        fileref.setAttribute("href", filename);
    }

    if (fileref) {
        document.getElementsByTagName(pos)[0].appendChild(fileref);
    }
}

---

试一试。

谢谢！你是个好人：D你的代码正按照我的要求工作演示hii:Dthanks！你是个好人：D你的代码正按照我的要求工作D>演示hii:D