根据页面宽度向wordpress页脚添加javascript文件

我正在尝试将js文件添加到WordPress页脚id页面宽度大于

<?php if(is_home()){ ?>
<script type="text/javascript">
$(document).ready(function(){
var wid = $(window).width();
if(wid>970){
<?=
'<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/script.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/slider.js"></script>'
?>  
}
});
</script>
<?php } ?>

$（文档）.ready（函数（）{
var wid=$（window.width（）；
如果（wid>970）{
您需要添加代码以将标记注入HTML，方法如下：

<?php if(is_home()){ ?>
<script type="text/javascript">

$(document).ready(function(){
    var wid = $(window).width(),
        scriptName = wid > 970 ? 'script.js' : 'slider.js',
        url = "<?php bloginfo('template_directory'); ?>/js/" + scriptName,
        script = document.createElement( 'script' );
    script.type = 'text/javascript';
    script.src = url;
    $("body").append( script );
});
</script>


$（文档）.ready（函数（）{
var wid=$（窗口）.width（），
scriptName=wid>970？'script.js'：'slider.js'，
url=“/js/”+脚本名，
script=document.createElement（'script'）；
script.type='text/javascript'；
script.src=url；
$（“正文”）.append（脚本）；
});

它检查页面的宽度，根据这一点，选择脚本的名称，然后将其插入到正文的末尾。
如果您尝试像这样在js中包含js文件，该怎么办：

function includeJS() {
  document.write('<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/script.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/slider.js"></script>'); 
  }

var wid = $(window).width();
 if(wid>970) {
    includeJS();
  }

函数includeJS（）{
document.write（'没有工作，我在页面中得到了它'）；}var wid=$（window.width（）；if（wid>970）{includeJS（）；}）；您是否已将上述内容放在……？您是否可以打印或显示生成的JS的屏幕截图？还有哪些控制台错误？控制台：不推荐使用属性的nodeValue属性。请改用value。Web控制台日志API（console.log、console.info、console.warn、console.error）已被此页上的脚本禁用。已使用$（“div#footer”）.append（）但是页脚完全消失了这是Firefox的警告，我能看到生成的代码吗？你也可以做一个文档。写而不是创建脚本元素。页脚代码根本没有改变，它不包含任何脚本，幻灯片也不起作用，下面是嵌入的代码：