javascript - 如何为小于 768px 的屏幕尺寸调用外部 js 文件 <script src ="path_to_file/file_name.js">?

标签 javascript php html

我有一个使用 bootstrap 设计的带有 php Yii 代码的文件。在那,我只需要一个特定的外部 js 文件,屏幕宽度为 768px 或更小。小于768px的屏幕如何调用外部js文件?

我试过:
<div class="show-xs"> <script src="path_to_file/file_name.js"> </div>
其中 div 的样式为“display:none”高达 768px 和“display:block”低于 768px

最佳答案

已验证并正常工作!

<script>
if (screen && screen.width < 768) {
  document.write('<script type="text/javascript" src="path_to_file/file_name.js"><\/script>');
}
</script>

关于javascript - 如何为小于 768px 的屏幕尺寸调用外部 js 文件 &lt;script src ="path_to_file/file_name.js">?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57092210/

相关文章:

javascript - window.scrollTo 不适用于 IOS 的phonegap

javascript - iOS 中的等价于 Android 中的 Javascript 接口(interface)?

javascript - 无法设置未定义或空引用的属性 'innerText'

javascript - onclick 将值传递给弹出模式

html - 如何使用媒体查询将文本下拉到第二行?

javascript - 列出没有javascript的输入标签的宽度

PHP 将字符串矩阵转换为多维数组

php - 单击并保存更改时如何更改表格行的颜色

php - Laravel 5.1 Ajax 调用 'Like' 系统没有发生

javascript - JQUERY/HTML - 在下拉列表中选择值后显示/隐藏内容