个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我需要像这样简单的东西:
<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 - 根据屏幕宽度将 <script src =""></script> append 到头部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17022222/
25
4
0
head 元素包含了所有的头部标签元素。在 head 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: title , styl
这个问题只是为了澄清一些事情。以前有人问过类似的问题，现在把它们归为一个问题——JavaScript 应该放在 HTML 文档中的什么位置，或者更重要的是，它重要吗？所以，我要问的一件事是，确实
HTML 中的 <head> 标签是所有头部标签的容器，这些头部标签用来定义有关 HTML 文档的元数据（描述数据的数据）以及所需资源的引用（例如 CSS 样式文件、JavaScript
我想通过 yui3 注入(inject) iframe head。示例代码在 FF 中有效，但 IE9 显示错误“YUI is not define”。我不知道在 IE9 中会发生什么。
我想复制 Kickstarter 应用程序中的效果，当用户向上滚动且表格 View 已位于开头时，标题 View 的大小会增加。 要查看效果，只需打开一个随机项目并向上滚动即可。 你知道如何实现这样的
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 6 年前。 Improve th
在 iframe 加载时，我将 google 分析片段插入 iframe 文档 HEAD 中。 然后代码片段将插入此脚本 在父文档 HEAD 中，我希望将其插入到 iframe 文档 HEAD 中.
在此demo , 如果我使用 (no wrap) 或 (onLoad)，我会得到不同的输出。 我的问题是，在 html 文件中，要获得正确的警报:1,2,3,4 需要对代码进行哪些更改？通过简单的 d
我想知道是否可以在 javascript 弹出窗口中向用户显示完整的 html 页面。完整的 html 是指具有自己的编码、头部和主体的 html 代码。它有自己的字体、样式、脚本等... 另外，假设
我的第一个网页作业遇到了麻烦，我才第一年，之前没有任何经验。我的问题是，当我尝试将背景 img 应用于 body 时，它会在头部应用一个简单的样式集，但是当我在我的 css 中应用相同的代码时它会失败
我正在使用express-handlebars在我的项目中存在以下问题: 问题我希望能够添加从 View 内部调用的部分将此类标签添加到我的整体 View 头部。 示例: 景色 {{#layout/m
我想将脚本添加到站点的头部，以便目标 html 的头部看起来像这样 *some code...* . 有了这个脚本就完美了: var head = document.getElementsByTagN
我想使用链接标签将一些 CSS 注入(inject)头部。我可以使用 很容易地让它工作 var linkNode = document.createElement('link'); linkNode.
你如何能够使用 javascript 将页面中间的 css 链接注入(inject)到头部 ... styles here code 我需要某种 javascript 来将 goog
我想创建一个 HTML 网络组件，我需要导入 CSS 文件，但我想将它注入(inject)到我的影子 dom 中。我有一些代码如下: import introHTML from './Intro.ht
我是一名优秀的程序员,十分优秀！