周总结

最新推荐文章于 2021-12-21 09:50:10 发布

邓太

最新推荐文章于 2021-12-21 09:50:10 发布

阅读量91

点赞数

本文链接：https://blog.csdn.net/weixin_41892523/article/details/79681294

版权

resize 属性

resize属性：规定是否可以由用户调整元素的尺寸大小：
注意：resize属性只有在元素的overflow属性不为"visible”时才起作用。换句话而言，就是希望resize属性生效，就需要设置元素的overflow属性的值为 auto,hidden或者scroll。
object.style.resize=none|both|horizontal|vertical.

其中，none表示默认值，both表示用户可自动调整元素的高度以及宽度

horizontal表示用户可以调整元素的宽度，vertical表示用户可以自动调整元素的高度。

JS-cookie的使用

--假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或者页面关闭的时候，这些变量的值会重新载入，即没有达到保存的效果。

解决上述问题的最佳方法则是：用cookie保存该变量的值。

cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。

JS读取cookie

假设cookie中存储的内容为：name=jack;password=123

则在B页面中获取变量username的值的JS代码如下：

 
         var 
         username=document.cookie.split( 
         ";" 
         )[0].split( 
         "=" 
         )[1]; 
        
         //JS操作cookies方法! 
        
         //写cookies 
        
         function 
         setCookie(name,value) 
        
         { 
        
         var 
         Days = 30; 
        
         var 
         exp =  
         new 
         Date(); 
        
         exp.setTime(exp.getTime() + Days*24*60*60*1000); 
        
         document.cookie = name +  
         "=" 
         + escape (value) +  
         ";expires=" 
         + exp.toGMTString(); 
        
         }

 
      function 
      getCookie(name) 
     
      { 
     
      var 
      arr,reg= 
      new 
      RegExp( 
      "(^| )" 
      +name+ 
      "=([^;]*)(;|$)" 
      ); 
     
      if 
      (arr=document.cookie.match(reg)) 
     
      return 
      unescape(arr[2]); 
     
      else 
     
      return 
      null 
      ; 
     
      }

JS删除cookie

 
  function 
  delCookie(name) 
 
  { 
 
  var 
  exp =  
  new 
  Date(); 
 
  exp.setTime(exp.getTime() - 1); 
 
  var 
  cval=getCookie(name); 
 
  if 
  (cval!= 
  null 
  ) 
 
  document.cookie= name +  
  "=" 
  +cval+ 
  ";expires=" 
  +exp.toGMTString(); 
 
  } 
 
  //使用示例 
 
  setCookie( 
  "name" 
  , 
  "hayden" 
  ); 
 
  alert(getCookie( 
  "name" 
  )); 
 
  //如果需要设定自定义过期时间 
 
  //那么把上面的setCookie　函数换成下面两个函数就ok; 
 
  //程序代码 
 
  function 
  setCookie(name,value,time) 
 
  { 
 
  var 
  strsec = getsec(time); 
 
  var 
  exp =  
  new 
  Date(); 
 
  exp.setTime(exp.getTime() + strsec*1); 
 
  document.cookie = name +  
  "=" 
  + escape (value) +  
  ";expires=" 
  + exp.toGMTString(); 
 
  } 
 
  function 
  getsec(str) 
 
  { 
 
  alert(str); 
 
  var 
  str1=str.substring(1,str.length)*1; 
 
  var 
  str2=str.substring(0,1); 
 
  if 
  (str2== 
  "s" 
  ) 
 
  { 
 
  return 
  str1*1000; 
 
  } 
 
  else 
  if 
  (str2== 
  "h" 
  ) 
 
  { 
 
  return 
  str1*60*60*1000; 
 
  } 
 
  else 
  if 
  (str2== 
  "d" 
  ) 
 
  { 
 
  return 
  str1*24*60*60*1000; 
 
  } 
 
  } 
 
  //这是有设定过期时间的使用示例： 
 
  //s20是代表20秒 
 
  //h是指小时，如12小时则是：h12 
 
  //d是天数，30天则：d30 
 
  setCookie( 
  "name" 
  , 
  "hayden" 
  , 
  "s20" 
  ); 
 
  利用js中控制一个HTML元素的可见与不可见

用js隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。
style.display="block"或style.visibility="visible"时控件可见;
style.display="none"或style.visibility="hidden"时控件不可见。
不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。