javascript - 如何在 .js 文件中正确添加 Javascript block

Question

我将其添加到 .js 文件中，我应该从开始和结束处删除 Script 标记吗？我还应该添加或删除其他任何内容才能正常工作吗？

 <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>

标签，如果您希望将此代码放在 JavaScript 文件中。这些脚本标签是 HTML 标签，如果您有专用的 javascript 文件，则不需要这些标签。当然，您需要确保在 HTML 中链接到文件本身，使用如下行:

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