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   时表示一个空格-->
<div id="c"> </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
12月18号(第45天的学习)
猜你喜欢
转载自xjwolaile.iteye.com/blog/1749629
今日推荐
周排行