Tarayıcı desteğini kontrol ederken geçersiz iade bildirimi

Question

Aşağıdaki kod ve tarayıcının DOM özelliklerinin bazılarını destekleyip desteklemediğini kontrol eden Ethan Marcotte kitabını kullanıyorum.

Geliştirici araçları aşağıdaki hata bildiriyor;

Yakalanmayan SyntaxError: Yasadışı Dönüş ifadesi

Ben false dönüşü değişen denedim ama işe yaramadı. Temel olarak, bu DOM özellikleri bulunursa geliştirilmiş sınıfı html etiketine eklemesi gerekir. Nerede yanlış gittiğime yardım edebilecek biri var mı diye merak ettim.

Teşekkürler.

Answer 1

Sana yük işlevinde tüm kodu eklemek teklif:

window.onload = function() { 
 
    if (!("querySelector" in document 
 
     && "addEventListener" in window 
 
     && "getComputedStyle" in window)) { 
 
    return; 
 
    } 
 
    window.document.documentElement.className += " enhanced"; 
 

 
    var nav = document.querySelector(".nav ul"), 
 
     navToggle = document.querySelector(".nav .skip"); 
 
    if (navToggle) { 
 
    navToggle.addEventListener("click", function (e) { 
 
     if (nav.className == "open") { 
 
     nav.className = "close"; 
 
     } else { 
 
     nav.className = "open"; 
 
     } 
 
     e.preventDefault(); 
 
    }, false); 
 
    } 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
<script src="http://code.jquery.com/jquery-1.12.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 

 
<ul class="nav nav-pills nav-stacked"> 
 
    <li class="active"><a href="#">Home</a></li> 
 
    <li class="dropdown"> 
 
     <a class="skip dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a> 
 
     <ul class="dropdown-menu"> 
 
      <li><a href="#">Submenu 1-1</a></li> 
 
      <li><a href="#">Submenu 1-2</a></li> 
 
      <li><a href="#">Submenu 1-3</a></li> 
 
     </ul> 
 
    </li> 
 
    <li><a href="#">Menu 2</a></li> 
 
    <li><a href="#">Menu 3</a></li> 
 
</ul>