如何在 .js 文件中正确添加 Javascript 块

Question

我正在将其添加到 .js 文件中，我应该从开始和结束中删除脚本标签吗？还有什么我应该添加或删除的，这样它才能正常工作吗？

 <script type="text/javascript">

 $(document).ready(function() {
   var wid = window.innerWidth;
  var hit = window.innerHeight;
  
  //alert( w );
  var geturl = window.location.href;
  var spliturl = geturl.split("layout=");
  
 if( geturl.indexOf("default") > -1 || spliturl[1] == 'default' ){
     var atr = "";
  var septer = "";
  
  $("a").each(function(index, element) {
   if( $(this).attr("id") != "desktop-view" && $(this).attr("id") != "mobile-view" ) {
    atr = $(this).attr("href");
    
    if( atr != undefined) {
     if( atr.toString().indexOf("?") > -1) {
      septer = "&";
     } else {
      septer = "?"; 
     }
     
     
     if( atr.indexOf("#") <= -1 && atr.indexOf("add_to_cart") <= -1) {
      $(this).attr("href", atr + septer + "layout=default");
     }
    }
   }
  });
  
  
  var murl = geturl;
  murl = murl.replace("&layout=default","");
  murl = murl.replace("layout=default","");
  $("#mobile-view").attr("href", murl);
  

  if(/iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent) ) {
   //alert( window.innerHeight + " |  " + window.innerWidth );
   if( wid == 375 ||  wid == 667 || (wid == 320 && hit >=400) || wid == 568 || wid == 414 || wid == 736 ) { //|| wid == 414 || wid == 736 added
    $("meta[name='viewport']").attr('content','initial-scale=0, minimum-scale=0, maximum-scale=1.0, user-scalable=yes');
    //alert("target device");
   } else {
    $("meta[name='viewport']").attr('content','width=100%, initial-scale=0');
   }
   /*} else {
    $("meta[name='viewport']").attr('content','width=device-width, initial-scale=0'); 
   }*/
   
  } else {
   $("meta[name='viewport']").attr('content','width=device-width, initial-scale=0'); 
  }
  
   
  
   
   if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $("#mobile-view").attr("style", "display:block !important");
    $("#desktop-view").attr("style", "display:none !important");
   }
    
  }else{
   if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $("#mobile-view").attr("style", "display:none !important");
    $("#desktop-view").attr("style", "display:block !important");
   }   
    
   var tt='<link href="/assets/css/responsive.css" rel="stylesheet" type="text/css" id="res-css" />';
   $("head").append(tt);
   $("meta[name='viewport']").attr('content','width=device-width, initial-scale=1.0');
   
   
     $("a").each(function(index, element) {
   if( $(this).attr("id") == "desktop-view" ) {
    var vurl = geturl;
 
    if( vurl.indexOf("?") > -1 ) {
     vurl = vurl.replace("?","");
    }
    
    vurl = vurl.split('?');
    //parts = vurl[0].split("/");
    vurl = vurl[0] + "?layout=default";
    
    $(this).attr("href", vurl);
     
   }
  });
   
    
  }
  
    });
 
</script>

此代码从 .html 文件包含到另一个 .html，我想将其添加到 .js 文件中而不是从 .html 文件中包含它。有什么不明白的，先提问。

Answer 1

您需要删除

<script type="text/javascript">

和

</script>

tags，如果你想把这段代码放在 javascript 文件中。这些脚本标签是 HTML 标签，如果您有专用的 javascript 文件，则不需要这些标签。当然，然后您需要确保 link 到 HTML 中的文件本身，使用如下一行：

<script src="/yourownpathhere/javascript.js" type="text/javascript"></script>

如何在 .js 文件中正确添加 Javascript 块

How to add the Javascript block correctly in .js file

html

javascript

tags