页面内容是js但是文件名是zhtml，高亮显示会有问题，解决方法

最新推荐文章于 2024-03-29 10:00:19 发布

u012453843

最新推荐文章于 2024-03-29 10:00:19 发布

阅读量604

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/u012453843/article/details/52103622

版权

学习笔记专栏收录该内容

93 篇文章 2 订阅

订阅专栏

最近我在改写一些前台头部页面，整个页面都是用js来写的，这样写的好处是别的页面调用的时候就特别方便。但是这样写有个问题就是，我们拼接字符串的时候

字体的高亮显示与JS高亮显示不一致，导致我们很难知道自己拼接的到底对不对，为了解决这个问题，可以把整个页面的内容用<script type="text/javascript"></script>

包起来。红色字体部分之所以这样写是因为这两个函数在页面中可能多次被用到，因此单独把它们拿出来，页面中哪里用到它们了就拼接起来。

下面蓝色字体部分就是拼接的字符串。

特别注意：在整个页面加上<script>是为了拼接字符串时看着方便，不容易出错，改完页面后一定要记得把<script>删掉！！！！

现在我把代码贴出来

<z:set var="UserData" value="${$User()}"/>
<z:if condition="${empty UserData}">
document.write('<div id="LoginForExam"></div>');

var queryString='${getQueryString(Request,"ksw",true)}';
var referer='${getReferer(Request,true)}';

Cookie.get = function(name){
var cs = document.cookie.split("; ");
for(i=0; i < cs.length; i++){
   var arr = cs[i].split("=");
   var n = arr[0].trim();
   var v = arr[1]?arr[1].trim():"";
   if(n==name){
   return decodeURI(v);
   }
}
return null;
}

Cookie.set = function(name, value, expires, path, domain, secure, isPart){
if(!isPart){
  var value = encodeURI(value);
}
if(!name || !value){
  return false;
}
if(!path){
  path = "/";//特别注意，此处是为了实现不管当前页面在哪个路径下，Cookie中同名名值对只有一份
}

if(!domain){
  //path = "www.ipmph.com";
}
path = path.replace(/^\w+:\/\/[.\w]+:?\d*/g, '');//特别注意，此处是为了实现不管当前页面在哪个路径下，Cookie中同名名值对只有一份
if(expires!=null){
   if(/^[0-9]+$/.test(expires)){
     expires = new Date(new Date().getTime()+expires*1000).toGMTString();
  }else{
   var date = parseDate(expires);
   if(date){
    expires = date.toGMTString();
   }else{
    expires = undefined;
    }
  }
}
if(!isPart){
   Cookie.remove(name, path, domain);
}
var cv = name+"="+value+";"
  + ((expires) ? " expires="+expires+";" : "")
  + ((path) ? "path="+path+";" : "")
  + ((domain) ? "domain="+domain+";" : "")
  + ((secure && secure != 0) ? "secure" : "");
if(cv.length < 4096){
  document.cookie = cv;
}else{
  var max = Math.ceil(value.length*1.0/3800);
  for(var i=0; i<max; i++){
   if(i==0){
    Cookie.set(name, '^'+Cookie.Spliter+'|'+max+'$'+value.substr(0,3800), expires, path, domain, secure, true);
   }else{
    Cookie.set(name+Cookie.Spliter+i, value.substr(i*3800,3800), expires, path, domain, secure, true);
   }
  }
}
return true;
}

Cookie.remove = function(name, path, domain){
var v = Cookie.get(name);
if(!name||v==null){
return false;
}
if(encodeURI(v).length > 3800){
  var max = Math.ceil(encodeURI(v).length*1.0/3800);
  for(i=1; i<max; i++){
   document.cookie = name+Cookie.Spliter+i+"=;"
    + ((path)?"path="+path+";":"")
    + ((domain)?"domain="+domain+";":"")
    + "expires=Thu, 01-Jan-1970 00:00:01 GMT;";
  }
}
document.cookie = name+"=;"
  + ((path)?"path="+path+";":"")
  + ((domain)?"domain="+domain+";":"")
  + "expires=Thu, 01-Jan-1970 00:00:01 GMT;";
return true;
}