日度归档:2020年6月5日

javascript 如何使用正则表达式验证输入的网址是否为”https”协议呢?


摘要:
下文讲述使用正则表达式验证访问网站时的协议是否为https的方法分享,如下所示:

 实现思路:
     使用以下正则表达式即可实现对https验证 
    /^(https):\/\/.+$/;
    

例:

 <script>
 
      var matchStr =window.location.href; //获取当前网址
    var reURL = /^(https):\/\/.+$/;
    if(!reURL.test(matchStr)){ //验证网址是否符合要求
        window.location.href = "https://www.maomao365.com/";
    }

 </script>

CSS 代码中border属性值等于0和none有那些不同呢?


摘要:
下文讲述border:0和border:none的不同点,如下所示:


border:0和border:none的相同点

两个属性值都可以使用border无边框(IE6,IE7除外)


border:0和border:none的不同点

1.浏览器解析方式不同
border:0 虽说无边框效果,但是还浏览器还会渲染边框效果,只是最后将边框设置为宽度为0
border:none:无边框效果,浏览器无需渲染,可直接打到无边框的效果

2.兼容性不同
border:0 兼容所有浏览器
border:none不兼容IE6和IE7两种浏览器

css 中border-color颜色的默认值是什么呢?


摘要:
下文通过举例的方式讲述border-color的颜色信息,如下所示:

例:

<meta charset="UTF-8">  
<style>
 div{
   height:80px;
   width:120px;
   margin:10px;
   background-color:green;
   padding-left:8px;

  border-width:8px;
  border-style:solid;
 }    
 
 #div1{
   color:red;
 }

 #div2{
    color:blue;
 }
  
</style>
<p>
 maomao365.com<br />
 border-color默认值示例说明
</p>
<hr />
<div id="div1">
border-color-1
</div>

<div  id="div2">
border-color-2
</div>


从以上的示例中,我们可以看出border-color颜色缺省值为黑色,
当我们设置了字体的颜色color值时,border-color的颜色同color的颜色一致

css border-color属性示例说明

css border-color属性示例说明