`

12月18号(第45天的学习)

 
阅读更多
1、CSS画圓角

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <!--开始html网页制作-->
<head> <!--开始页面头部制作-->
<title>纯css实现圆角按钮</title> <!--标题 纯css实现圆角按钮-->
<style type="text/css"><!--开始样式 样式类型text类型或者css类型-->
<!--查询 id a  float定义元素的方向 left距离左边多少 border定义4条边框 width定义边框的宽度 border定义4条边框 color里面的颜色 #查询 bbbbbb颜色名 border定义4条边框 style4条边宽的样式:solid定义为实线-->
#a{float:left; border-width:1px 0; border-color:#bbbbbb; border-style:solid;}
<!--查询 id b height定义元素的高度 22px border定义4条边框 width 定义边框的宽度 border定义4条边框 color4条边框里面的颜色 #查询 bbbbbb颜色名 margin简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值 background 简写属性在一个声明中设置所有的背景属性 #查询 #e3e3e3颜色名 position 规定元素的定位类型 relative相对定位的元素 float定义元素的方向 left距离左边多少-->
#b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; float:left;}
<!--查询 id c line-height定义行间的距离 color定义里面颜色 #查询 f9f9f9 颜色名 border定义4条边框 bottom定义了定位元素下外边距边界与其包含块下边界之间的偏移 solid实线 #查询 eeeeee颜色名-->
#c{line-height:10px; color:#f9f9f9; background:#f9f9f9; border-bottom:2px solid #eeeeee;font 定义表格 size尺寸大小 }
<!--查询 id d padding简写属性在一个声明中设置所有内边距属性 它可以有1到4个属性 line-height定义行间的距离 color内部颜色 #查询 000000颜色名 margin 简写属性在一个声明中设置所有外边距属性 top 高 cursor要显示的光标的类型(形状) pointer形状为手-->
#d{padding:0 8px; line-height:22px; font-size:12px; color:#000000; clear:both; margin-top:-12px; cursor:pointer;}
<!--结束样式制作-->
</style>
<!--结束页面头部的制作-->
</head>
<!--开始页面身体的制作-->
<body>
<!--div 标签定义id 等于 a-->
<div id="a">
<!--div 标签定义id 等于 b-->
<div id="b">
<!--div 标签定义id 等于 c &nbsp 时表示一个空格-->
   <div id="c">&nbsp;</div> <!--结束div 标签-->
   <!--div 标签定义id 等于 d 里面有有一行字 css圆角按钮-->
   <div id="d">css圆角按钮</div> <!--结束div标签--> 
<!--结束div标签--> 
</div>
<!--结束div标签-->
</div>
<!--结束页面身体的制作-->
</body>
<!--结束html页面制作-->
</html>

2、JS操作COOKIE

<!--开始html页面-->
<html>

<!--开始页面头部-->
<head>

<!--脚本插入到类型 text或者javascript-->
<script type="text/javascript">
<!--创建一个Ciikie函数类型(c_name值)-->
function getCookie(c_name)
{
<!--if判断 document.cookie 对象中是否存有 cookie-->
if (document.cookie.length>0)
  {
  <!--c_start等于document.cookie函数调用 indexOf返回一个整数值,(c_name加上 = 值)-->
  c_start=document.cookie.indexOf(c_name + "=")
  <!--if判断c_start不等于-1-->
  if (c_start!=-1)
    {
    <!--c_start等于c_start 加上c_name的长度加1-->
    c_start=c_start + c_name.length+1
    <!--c_end等于document.cookie函数 indexOf返回一个整数值,(; c_start值)-->
    c_end=document.cookie.indexOf(";",c_start)
    <!--if判断c_end等于-1 c_end等于document.cookie函数调用 length长度-->
    if (c_end==-1) c_end=document.cookie.length
    <!--return返回值unescape document.cookie函数 substring取字符串中介于两个指定下标之间的字符-->
    return unescape(document.cookie.substring(c_start,c_end))
    }
  }
<!--return返回值-->
<!--返回值为空-->
return ""
}
<!--创建一个 setCookie函数(c_name value expiredays 值)-->
function setCookie(c_name,value,expiredays)
{
<!--var定义变量 exdate等于new新建Date()日期-->
var exdate=new Date()
<!--exdate储存失效日期 setDate安置日期 exdate储存失效日期调用获得日期 + expiredays失效许多的日期-->
exdate.setDate(exdate.getDate()+expiredays)
<!--document.cookie等于 c_name加上 = 加上escape对字符串进行编码(value值) 加上 expiredays失去的时期等于null expires 失效日期等于 exdate失效时期调用 toGMTStringGMT格式显示日期和时间-->
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
<!--创建一个 checkCookie函数(值)-->
function checkCookie()
{
<!--username等于getCookie(username值)-->
username=getCookie('username')
<!--if语句username不等于null 或者username不等于空-->
if (username!=null && username!="")
  <!--alert警告框 Welcome again '+username+'!'-->
  {alert('Welcome again '+username+'!')}
<!--否则-->
else
  {
  <!--username等于prompt提示框 Please enter your name:',-->
  username=prompt('Please enter your name:',"")
  <!--if判断username不等于null或者username不等于空-->
  if (username!=null && username!="")
    {
    <!--setCookie函数(username username 356值)-->
    setCookie('username',username,365)
    }
  }
}
<!--结束脚本插入-->
</script>

<!--结束页面头部-->
</head>

<!--开始页面身体 页面加载时就调用上面的方法-->
<body onLoad="checkCookie()">

<!--结束页面身体-->
</body>

<!--结束html页面-->
</html>

<script>
<!--创建cookie函数-->
<!--创建一个是cookie函数,(name value值)两个参数-->
function SetCookie(name,value)
{
<!--var定义变量 Days 等于 30-->
    var Days = 30;
    <!--var 定义变量 exp 等于 new 新建 Date()时期-->
    var exp  = new Date();
     <!--exp调用 setTime以毫秒设置 Date 对象 exp.getTime 加上 Days时期 *24*60*60*1000指定的天数-->
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    <!--document.cookie等于 name 加上 = 加上 escape对字符串进行编码(value值) 加上 expires失效日期等于 toGMTStringGMT格式显示日期和时间-->
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
<!--取cookie函数-->
<!--创建 Cokkie (name值)-->
function getCookie(name)      
{
<!--var定义变量 arr 等于 document.cooki函数调用 match使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回 new新建 RegExp 正则 匹配两个| 之间 以分号结尾的字符
-->
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    <!--if判断 arr不等于 null return 返回值 unescape 数组(arr[2]) return返回值 null-->
     if(arr != null) return unescape(arr[2]); return null;

}
<!--删除cookie-->
<!--创建一个delCookie函数(name值)一个参数-->
function delCookie(name)
{
<!--var定义变量 exp 等于 new 新建 Date()时期-->
    var exp = new Date();
    <!--exp变量调用setTime以毫秒设置 Date 对象(exp调用getTime()可返回距 1970 年 1 月 1 日之间的毫秒数 这是固定的-1)-->
    exp.setTime(exp.getTime() - 1);
    <!--var 定义变量 cval等于 getCookie(name值)一个参数-->
    var cval=getCookie(name);
    <!--if判断cval不等于null document.cookie函数等于 name 加上 = 加上 cval加上 ; expires失效日期等于 等于 exp调用 toGMTStringGMT格式显示日期和时间-->
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

</script>

3、JS操作XML

4、JS操作JSON
分享到:
评论
1 楼 萧远山 2012-12-20  
这才像点样子。

相关推荐

    java基础笔记

    第四节 7月21日 10 一、 方法的定义及声明 10 二、 方法的调用 10 三、 方法的重载 11 四、 基本数据类型对应的封装类 11 五、 几个常用的方法 12 六、 String创建对象的内存分配图 12 七、 字符串中的一些方法及...

    ASP 小程序 权限 管理 数据库 等级 加密 搜索 探针

    12月28日 14:40 6747 ASP批量改文件名.rar 9月15日 22:45 23406 asp上传后看到效果.rar 10月7日 23:56 74771 asp贴吧.rar 9月15日 22:45 5109 ASP网站管理员帐号密码探测 v1.05 防杀版5.rar 12月10日 19:46 ...

    身份证号校验 V2018.rar

    第十五、十七位表示顺序码。对同地区、同年、月、日出生的人员编定的顺序号。其中第十七位奇数分给男性,偶数分给女性。 第十八位表示校验码。作为尾号的校验码,是由号码编制单位按统一的公式计算出来的,校验码...

    入门学习Linux常用必会60个命令实例详解doc/txt

    hda1中的“1”代表hda的第一个硬盘分区 (partition),hda2代表hda的第二主分区,第一个逻辑分区从hda5开始,依此类推。此外,可以直接检查 /var/log/messages文件,在该文件中可以找到计算机开机后系统已辨认出来的...

    华为编程开发规范与案例

    对某交换类进行计费测试,字冠011对应1号路由、1号子路由,有4个中继群11,12,13,14(都属于1#模块),前后两个群分别构成自环。其中11,13群向为出中继,12,14群向为入中继,对这四个群分别进行计费设置,对出入中继都...

    python入门到高级全栈工程师培训 第3期 附课件代码

    第45章 轮播图片css部分 轮播图片js部分 第46章 01 数据库与dbms的概念 02 sql规范 03 数据库操作DDL 04 python s3 day46 mysql的数据类型 05 数据表操作 06 表记录之增删改操作 07 表记录查询之查询 第47章 01...

    网民上网行为调查报告

    超过1/3(37.2%)的网民表示经常去网吧上网,比2006年12月的32.3%高了5个百分点,第一次超过网民在工作单位上网的比例而成为第二大上网场所。这样的趋势也说明,中国的网民的资产能力依然较低。 (三)上网内容及网站 1....

    java 经典习题.doc

    1.程序分析:以3月5日为例,应该先把前两个月的加起来,然后再加上5天即本年的第几天,特殊情况,闰年且输入月份大于3时需考虑多加一天。 import java.util.Scanner; //题目:输入某年某月某日,判断这一天是这...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    日期类型 date 7字节 用于存储表中的日期和时间数据,取值范围是公元前4712年1月1日至公元9999年12月31日,7个字节分别表示世纪、年、月、日、时、分和秒 二进制数据类型 row 1~2000字节 可变长二进制数据,在具体...

    LINUX操作系统(电子教案,参考答案)

    2002年12月 第1章 Linux基础 1 1.1 Unix概述 1 1.1.1 Unix的历史 1 1.1.2 Unix的特点 3 1.1.3 Unix的现状和未来 5 1.2 Linux基础知识 5 1.2.1 Linux的历史 6 1.2.2 Linux的技术特点 6 1.2.3 Linux的版本 7 1.2.4 ...

    鼎捷ERP全套操作参考手册

    第四章 库存管理操作手册 93 一、ZY_AIM001库存杂项出库(领料)作业说明 94 二、ZY_AIM002 工程项目领料作业说明 95 三、ZY_AIM003 库存杂项入库(退料)作业说明 96 四、ZY_AIM004 工程项目退料作业说明 97 五、ZY_...

    MySQL常用练手题目集合 MySQL查询练习题(50题) 共18页.pdf

    14 -- 13、查询和"01"号的同学学习的课程完全相同的其他同学的信息 7 15 -- 14、查询没学过"张三"老师讲授的任一门课程的学生姓名 7 16 -- 15、查询两门及其以上不及格课程的同学的学号,姓名及其平均成绩 7 17 -- ...

    玩转校内[精简免安装版] Ver 2.4.27.95

    玩转校内Ver 1.12.0.29 1、改写四种踩人模式:[男女混踩]、[男生专用]、[女生专用]、[条件踩人... &lt;br&gt; 本版构建完成于2007年12月3日,本人年满二十三周岁。 导出于: 2008年5月30日 星期五 23时20分24秒

    红图新媒体发展(重庆)有限公司发展模式

     接着说短视频,在刚刚过去的2019跨年晚会上,抖音赞助了江苏卫视,快手赞助了浙江卫视,而在12月的最后几天,朋友圈里微视的广告推广也下架了。回顾2018年,抖音一路狂飙,通过在春节期间的一波操作猛如虎,下载量...

    玩转校内&时间观念(终结版Ⅱ)

    玩转校内Ver 1.12.0.29 1、改写四种踩人模式:[男女混踩]、[男生专用]、[女生专用]、[条件踩人]为... &lt;br&gt;本版构建完成于2007年12月3日,本人年满二十三周岁。 导出于: 2008年5月17日 星期六 14:05:59

    玩转校内&时间观念

    玩转校内Ver 1.12.0.29 1、改写四种踩人模式:[男女混踩]、[男生专用]、[女生专用]、[条件踩人... &lt;br&gt; 本版构建完成于2007年12月3日,本人年满二十三周岁。 导出于: 2008年5月17日 星期六 14:05:59

    SQL必知必会(第3版)--详细书签版

    他具有计算机行业20多年工作经验,多年来撰写了十几本技术图书,其中不少是世界畅销书,已被翻译为十几种文字。除本书外,他撰写的《正则表达式必知必会》也即将由人民邮电出版社出版。读者可以通过他的个人网站...

    实验室程序文件.pdf

    1 文件号:HZJ-PF02-2012 控制状态: 受控编号: 程 序 文 件 (第 3 版) 2012-01-10 发布 2012-01-10 实施 汉寿县质量监督检验及计量检定所 2 程序文件 HZJ -PF/200- 2012 共 2 页 第 1 页 主题 : 程序文件目录 ...

Global site tag (gtag.js) - Google Analytics