</script> append 到头部-6ren"> </script> append 到头部-我需要像这样简单的东西: 但我需要 而不是重定向附在 中 这可能吗? 最佳答案 查看实际效果: Short Demo 你可以像这样定义一个函数: function appendScript(-6ren">
gpt4 book ai didi

javascript - 根据屏幕宽度将 <script src =""></script> append 到头部

转载 作者:搜寻专家 更新时间:2023-11-01 04:44:45 25 4
gpt4 key购买 nike

我需要像这样简单的东西:

<script type="text/javascript">
<!--

if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

但我需要 <script src="js.js"></script> 而不是重定向附在 <head></head>

这可能吗?

最佳答案

查看实际效果: 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 用于跨浏览器的替代方案。

关于javascript - 根据屏幕宽度将 &lt;script src ="">&lt;/script&gt; append 到头部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17022222/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com