Question

我根据内部窗口大小向自动调整大小部分写了一行。它在存在该部分的页面中正常工作。但是，当我打开其他页面时 - 由于其他页面中没有这样的部分（#mainSection），脚本会停止：

window.addEventListener('resize',function(){
    document.getElementById("mainSection").style.height = (window.innerHeight - 86) + 'px';
});

有没有办法在其他页面中忽略此代码并继续脚本？或者以只在index.php？

中运行此脚本的方式执行此操作

谢谢！

Answer 1

有没有办法在其他页面中忽略此代码并继续脚本？

只有在section存在时才能绑定侦听器。

document.addEventListener( "DOMContentLoaded", function(){ 
   var section = document.getElementById("mainSection"); 
   !!section && window.addEventListener('resize', function(){ 
      section.style.height = (window.innerHeight - 86) + 'px';
   });
});

注意

在上面的代码中，假设一旦加载了DOM，section将会出现。

Answer 2

<div id="hello"></div>
<script type="text/javascript">
    if(document.getElementById('hello')){
        document.write('done');
    }else{
        document.write('fail');
    }
</script>

Javascript如果为null则忽略并继续保留脚本

2 个答案: