日度归档:2020年2月11日

html之table标签中cellpadding和cellspacing标签有哪些不同之处呢?


摘要:
下文讲述table标签中cellpadding和cellspacing标签的区别说明,如下所示:

下文将从标签cellpadding和cellspacing的功能上讲述其不同点

标签cellpadding

cellpadding是内边距的意思,
其功能为 单元格内部中的文本同单元格的内边框之间的距离,cellpadding用于设置表格中的单元格的内边距。


标签cellspacing

cellspacing 用于设置单元格的外边距,放在table上时,主要用于设置单元格与单元格之间的间距。

通过以上的概念,我们可以看出这两个属性一个用于设置单元格内部元素的间距,一个用于设置单元格与单元格之间的间距


cellpadding cellspacing举例说明

  <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)---cellpadding同cellspacing属性举例说明</title>
<style type="text/css"> 
table,table td{
  border:3px solid red;
}
</style> 
</head> 
<body> 
<table cellpadding="5" cellspacing="18">
  <tr>
    <td>猫猫教程---1</td>
    <td>猫猫教程---2</td>
    <td>猫猫教程---3</td>
    <td>猫猫教程---4</td>
  </tr>
  <tr>
    <td>猫猫教程---1</td>
    <td>猫猫教程---2</td>
    <td>猫猫教程---3</td>
    <td>猫猫教程---4</td>
  </tr>
  <tr>
    <td>猫猫教程---1</td>
    <td>猫猫教程---2</td>
    <td>猫猫教程---3</td>
    <td>猫猫教程---4</td>
  </tr>
  </table>
</body> 
</html>
html table cellspacing同cellpadding区别说明

html table cellspacing同cellpadding区别说明

javascript 如何将字符串转换为日期对象呢?


摘要:
下文讲述将字符串转换为Date类型的方法分享,如下所示:


实现思路:
1.使用split函数和分隔字符将字符串转换为数组元素
2.提取数组元素中的year,month,day
3.使用new Date将提取的 year,month,day 转换为日期对象返回

例:
定义字符串转换日期对象函数,并测试

   
    <script>
   //www.maomao365.com 字符串转换为Date方法编写
  
    stringToDate =  function(s,separator){
     if(!separator){
            separator="-";
     }
     var arrTmp = s.split(separator);
     var year = parseInt(arrTmp[0]);
     var month = parseInt(arrTmp[1]);
     var day = parseInt(arrTmp[2]);
     
	 var date = new Date(year,month -1,day);
     return date;
 }


 alert(stringToDate('2020-02-01','-'));
    </script>
 

JavaScript 如何输出中文的星期信息呢?


摘要:
下文讲述javascript中输出中文的星期信息的方法,如下所示:


实现思路:
1.使用Date对象的的getDay函数获取指定的星期数
2.定义一个星期的中文数组,根据索引位置返回“中文星期数”

   
   <script>
   //www.maomao365.com 日期输出“中文星期信息”的方法
   Date.prototype.weekDayCN = function(){
	   
	  var day = this.getDay();
      var weekday = [ "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" ];
      return  weekday[day];
	}
 
    
    var date = new Date();
	alert(date.weekDayCN());

    //注意事项:日期需使用“斜线”
    var date2 = new Date('2020/2/10');
	alert(date2.weekDayCN());
  </script>
javascript 获取中文星期信息的方法分享

javascript 获取中文星期信息的方法分享