标签：style http color io 使用 java ar for html
1.对话窗口
（1）警告对话框
alert(‘error‘);
（2）确认对话框
confirm(‘please cofirm this message‘);//返回true或false
（3）提示对话框
var v= prompt（‘what say you ?‘,123）;//第一个参数提示信息；第二个参数可选，作为默认值；
2.
当前窗口在屏幕上的位置:
window.screenX ;
window.screenY ;
屏幕属性：
window.screen.height;//返回屏幕高度，像素为单位
window.screen.width;//返回屏幕宽度，像素为单位
window.screen.availHeight;//返回可用像素
3.浏览器历史 ->>> window.history属性
3个实用方法：
back();//和用户单击后退（Back）按钮一样
forward();//和用户单击前进（Forward）按钮一样
go( num);//前往历史中的特定地点,如：num =1时，等价于forward()；num=-1时，等价于back（）;num=2时，表示调用两次back()；
4.重定向浏览器
window.location.href=‘http://www.baidu.com‘;//修改localtion的href的值；前一个页面，会出现在浏览器历史中，可以使用后退按钮访问。
window.location.replace(‘http://www.baidu.com‘);//新的位置代替当前位置。
window.home();//重定位到浏览器的用户主页
5. DOM使用
（1）html文档节点-->>>每个节点都有提供自身信息的文本属性：
nodeName //节点名称 ；对于Html元素来说，nodeName全是大写的HTML标记;对于文本节点，nodeNmae则是#text;对于document节点，nodeName是#document
nodeValue //节点值
nodeType //节点类型 ； nodeType值为一个数字：对于HTML元素是1, 文本是2, 注释是8， 文档是9。
（2）在javascript中，document.documentElement表示html文档的根节点;
document.body;//引用Html主体
document.forms;//是页面中所有表单的数组。document.forms[0]或document.forms[‘formName‘]引用某一表单
document.images;//是页面中所有图像的数组。document.images[0]或document.images[‘imgName‘]引用某一图片
document.links;//是页面中所有的链接的数组。document.links[0]或document.links[‘imgName‘]引用某一链接
document.getElementById(id);//通过id找到某一元素,如果没找到返回null;
document.getElementsByTagName( Tagname);//找到特定类型的所有元素，返回选择元素的一个类数组列表(注意方法名称复数形式Elements)
//var hLinks=header. document.getElementsByTagName(‘a‘);//扎到页面首部(header)内的所有链接
（3）为了在javascript中使用css选择符，可以调用querySelector( arg)或去querySelectorAll(arg),前者最多返回一个元素（第一个符合条件的元素）
①获得浏览器元素的引用之后，可以通过style属性获得当前元素CSS样式(style属性对于height，width，background等各种样式有单独的属性)：
如： var e=docuemnt.getElementById(id);
e.style.fontSize=‘10em‘;//单位不能省略
e.style.color=‘red‘;
注意：style属性所赋的值被当作‘内联样式’，她将优先于其他地方定义的样式。即它反映的只是内嵌的样式，而不是所有使用的样式
②IE --->> currentStyle属性，找到所有使用的样式
var info=currentStyle.fontSize;
③不支持currentStyle属性的浏览器 -->>> window.getComputedStyle(arg);//方法
//参数arg是对元素的引用，返回值可以当成关联数组或者对象来处理；
如：var elementStyle=window.getComputedStyle(elem);
elementStyle[‘display‘];//内联
elementStyle.display;//内联
这种方式只能读取样式，不能修改样式，而且返回值的大小带有单位。
（4）创建元素
document.createElement(arg);//创建指定类型的html元素；
如：
var p=document.createElement(‘p‘);
p.innerText=‘this is some test‘;
p.className=‘enhanced‘;//引用css类,使用className
document.createTextNode(text);//为页面添加文本
6.Cookie
javascript中的cookie通过document对象的cookie属性访问
document.cookie=value;//创建cookie
cookie值使用特定语法：cookieName=cookieValue;多个值之间添加分号
如：document.cookie=‘fontSize=14px‘;//发送此语句，cookie将使用默认的到期时间、路径，和域。
可以修改cookie的值，document.cookie=‘fontSize=14px;expires‘
+Date.now()+1000*10
+‘;path=/subdirectory;domain=*.exemplecom.com‘;
读取cookie:
多个cookie使用分号分隔，所以为读取每个cookie，必须先拆解字符串
var cookies=document.cookie.split(‘;‘);
for (var i=0;count=cookie.length; i<count;i++;){
//cookie[i] will be name=value.
}
删除cookie：
在javascript中删除cookie只需设置同名的cookie，不提供值，并将到期时间设置为过去的一个时刻即可。
7.定时器
（1）创建一次性定时器
setTimeout(fn,time);//第一个参数为要调用的函数，第二个为毫秒数。
（2）创建重复定时器
var interval=setInterval(fn,time);//在指定的时间间隔重复调用函数;
//有返回值interval，作为定时器标识符
clearInterval(interval);//停止定时器；以定时器标识符为参数；
标签：style http color io 使用 java ar for html
原文地址：http://www.cnblogs.com/xiaowei-blog/p/3949671.html
