Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何根据媒体查询调用js文件_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何根据媒体查询调用js文件

Javascript 如何根据媒体查询调用js文件,javascript,jquery,css,Javascript,Jquery,Css,我想根据媒体查询调用js文件,比如css媒体查询条件 到目前为止,我一直在努力 <script> if (window.matchMedia('screen and (min-width: 1224px)')){ document.write('<script type="text/javascript" src="pistachioz_js/jquery.fullPage.js"> </script>'); </script>

我想根据媒体查询调用js文件,比如css媒体查询条件

到目前为止,我一直在努力

<script>
  if (window.matchMedia('screen and (min-width: 1224px)')){
   document.write('<script type="text/javascript" src="pistachioz_js/jquery.fullPage.js">      </script>');
</script>

if(窗口匹配媒体(“屏幕和(最小宽度:1224px)){
文件。写(“”);

但是对我来说不起作用…

您需要的是一个名为inquire.js的javascript插件(不需要jquery)

js允许您利用JavaScript中的媒体查询,提供 您可以使用这些工具创建高级响应站点


玩得开心!

你可能想试试
窗口。innerHeight
窗口。innerWidth
。顺便说一句,你错过了关闭花括号的机会。在调整大小后,你的脚本仍将处于活动状态。每次它要做某事时,都应该注意
。matchMedia