当屏幕达到一定大小时,如何包含JavaScript文件
How to include a JavaScript file when the screen is a certain size?
我想包括一个文件,比如foo.js,只有当屏幕是一定大小时。
例如:
<script>
if (screen.width <= 960)
{
document.write(''x3Cscript type="text/javascript" src="/foo.js">'x3C/script>');
}
</script>
有什么想法吗?
将脚本附加到头部,不要使用document.write
<script type="text/javascript">
if (screen.width <= 960) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/foo.js';
head.appendChild(script);
}
</script>
使用jQuery,尝试以下操作:
if ($(window).width() <= 960) {
document.write(''x3Cscript type="text/javascript" src="/foo.js">'x3C/script>');
}
相关文章:
- 如何在Symfony2中的表单小部件中包含javascript
- Android键盘不适用于包含Javascript的网页
- 在document.write中包含javascript的原因
- Google图表HTML工具提示,其中包含javascript onclick事件
- 将包含 javascript 的文本绑定到模板中的 innerHTML
- 加载包含 Javascript 的外部 PHP 文件
- 将外部 SVG 和包含 JavaScript 加载到 HTML 中
- Orchard - 在分部视图中包含 Javascript 文件
- 如何检查列表是否包含 javascript 中的字符串
- 验证字符串是否仅包含 javascript 中的某些字符
- 在另一个Javascript文件中包含Javascript文件并加载
- 有没有可能在asp-mvc4中使用ajax呈现的视图中包含javascript
- 使用script标记通过CSS文件在程序中包含JavaScript
- 在Phoenix Framework应用程序的某些页面上包含Javascript
- 替换对象's属性,其中包含JavaScript中另一个对象的属性,不包含库
- 如何仅在尚未包含Javascript和css文件的情况下才包含它们
- 添加包含JavaScript而非URL的书签
- Jade包含JavaScript文件的最佳实践
- 如何检查 NS 字符串是否包含 javascript 函数
- 如何使用Javascript Twig模板正确地包含Javascript