我需要这样简单的东西：
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>
但我需要将<script src="js.js"></script> 附加到<head></head> 中而不是重定向
这可能吗？
【问题讨论】：
标签： javascript jquery append
您可以 create 和 script element 并将其 src 属性然后将 append 设置为文档的 head
var script = document.createElement('script');
script.src = 'js.js';
document.head.appendChild(script)
if wants to support IE < 9 然后用document.head 代替document.getElementsByTagName('head')[0]
【讨论】：
查看实际操作：Short Demo
你可以定义一个函数，像这样：
function appendScript(pathToScript) {
var head = document.getElementsByTagName("head")[0];
var js = document.createElement("script");
js.type = "text/javascript";
js.src = pathToScript;
head.appendChild(js);
}
然后用适当的参数调用它（例如根据屏幕大小），像这样：
appendScript("path/to/file.js");
如果您还需要从 head 中删除脚本（例如，基于其 'src' 属性），您可以定义一个函数，如下所示：
function removeScript(pathToScript) {
var head = document.getElementsByTagName("head")[0];
var scripts = head.getElementsByTagName("script");
for (var i = 0; i < scripts.length; i++) {
var js = scripts[i];
if (js.src == pathToScript) {
head.removeChild(js);
break;
}
}
}
然后用适当的参数调用它（例如根据屏幕大小），像这样：
removeScript("path/to/file.js");
另外，请注意使用screen.width 返回用户屏幕的大小（不是浏览器窗口的宽度）。
如果您需要获取窗口大小，可以使用$(window).width()（使用 jQuery）。
如果您想要“无 jQuery”解决方案，请查看 this answer 了解跨浏览器替代方案。
【讨论】：
if 语句之前添加 alert(screen.width);。它报告了什么？
使用yepnope 你可以做类似的事情
yepnope([{
test: 768 >= screen.width // devices 768 and up
, yep: [ "site/js/jquery.stickyPanel.min.js" ]
, complete: function () { alert('complete'); }
}]);
它会自动追加文件
【讨论】：