Question

我希望为我的项目尝试此代码，它不适合我

var js = document.createElement("script");

js.type = "text/javascript";

if (screen.width > 500)
{
    js.src = "js/jquery_computer.js";
}
else
{
    js.src = "js/mobile_version.js";
}

head.appendChild(js);

Conditionally load JavaScript file

没有工作链接

http://itracktraining.com/sam.html

新的更改，上面的演示链接

这似乎不起作用我试图调用多个jqueryfile和一个函数：）

$(document).ready(function() {
                var width = $(document).width()
    var head = document.getElementsByTagName('head')[0];
var js = document.createElement("script");

js.type = "text/javascript";

if (width > 800)
{
    js.src = "js/jquery.slimscroll.min.js";
    js.src = "js/jquery.fullPage.js";
    js.src = "js/examples.js";
    $('#fullpage').fullpage({
                anchors: ['firstPage', 'secondPage', '3rdPage'],
                sectionsColor: ['#C63D0F', '#1BBC9B', '#7E8F7C'],
                css3: true
            });
}
else
{
    js.src = "js/mobile_version.js";
}

head.appendChild(js);

}）;

Answer 1

在您的代码中，未定义元素head。您需要添加以下行：

var head = document.getElementsByTagName('head')[0];

在剧本的开头。

此外，您似乎错过了screen变量。您可以将screen.width与window.innerWidth交换。

jsfiddle.net/syLzb4yL完整，有效的例子。

可以找到已编辑问题的答案here。

reponsive或device有条件地加载JavaScript文件

1 个答案: