JavaScript-DOM编程的一些常用属性

Posted 2020-09-28

一.Document常见属性

 1 document.title // 设置文档标题等价于html的title标签
 2 document.bgColor // 设置页面背景色
 3 document.fgColor // 设置前景色(文本颜色)
 4 document.linkColor // 未点击过的链接颜色
 5 document.alinkColor // 激活链接(焦点在此链接上)的颜色
 6 document.vlinkColor // 已点击过的链接颜色
 7 document.URL // 设置URL属性从而在同一窗口打开另一网页
 8 document.fileCreatedDate // 文件建立日期，只读属性
 9 document.fileModifiedDate // 文件修改日期，只读属性
10 document.charset // 设置字符集 简体中文:gb2312
11 document.fileSize // 文件大小，只读属性
12 document.cookie // 设置和读出cookie

二.History对象常用属性和函数总结

1 history.back() // 返回前一个URL(相等于浏览器的后退按钮)
2 history.forward() // 返回下一个URL(相等于浏览器的前进按钮)
3 history.go() // 返回某个具体页面，相等于在浏览器历史中点击

三.Location对象常用属性和函数总结

 1 location.href // 当前载入页面的完整URL，如：http://www.somewhere.com/pictures/index.htm
 2 
 3 location.portocol // URL中使用的协议，即：双斜杠之前的部分，如：http
 4 
 5 location.host // 服务器的名字，如：www.wrox.com
 6 
 7 location.hostname // 通常等于host，有时会省略前面的www
 8 
 9 location.port // URL声明的请求的端口，默认情况下，大多数URL没有端口信息，如：8080
10 
11 location.pathname // URL中主机名后的部分，如：/pictures/index.htm
12 
13 location.search // 执行GET请求的URL中的问号后的部分，又称查询字符串，如：?param=xxxx
14 
15 location.hash //如果URL包含#，返回该符号之后的内容，如：#anchor1
16 
17 location.assign("http:www.baidu.com") // 同location.href，新地址都会被加到浏览器的历史栈中
18 
19 location.replace("http:www.baidu.com") // 同assign()，但新地址不会被加到浏览器的历史栈中，不能通过back和forward访问
20  
21 location.reload(true | false) // 重新载入当前页面，为false时从浏览器缓存中重载，为true时从服务器端重载，默认为false

四.Navigator对象常用属性和函数总结

 1 navigator.appCodeName // 浏览器代码名的字符串表示
 2 
 3 navigator.appName // 官方浏览器名的字符串表示
 4 
 5 navigator.appVersion // 浏览器版本信息的字符串表示
 6 
 7 navigator.cookieEnabled // 如果启用cookie返回true，否则返回false
 8 
 9 navigator.javaEnabled // 如果启用java返回true，否则返回false
10 
11 navigator.platform // 浏览器所在计算机平台的字符串表示
12 
13 navigator.plugins // 安装在浏览器中的插件数组
14 
15 navigator.taintEnabled // 如果启用了数据污点返回true，否则返回false
16 
17 navigator.userAgent // 用户代理头的字符串表示 

五.Screen对象常用属性和函数总结

1 screen.width/height // 屏幕的宽度与高度，以像素计
2 
3 screen.availWidth/availHeight // 窗口可以使用的屏幕的宽度和高度，以像素计
4 
5 screen.colorDepth // 用户表示颜色的位数，大多数系统采用32位
6 
7 window.moveTo(0,0); 
8 
9 window.resizeTo(screen.availWidth, screen.availHeight); // 填充用户的屏幕 

六.window.open参数详解

 1 alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 
 2 
 3 alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 
 4 
 5 depended | yes/no | 是否和父窗口同时关闭 
 6 
 7 directories | yes/no | Nav2和3的目录栏是否可见 
 8 
 9 height | pixel value | 窗口高度 
10 
11 hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 
12 
13 innerHeight | pixel value | 窗口中文档的像素高度 
14 
15 innerWidth | pixel value | 窗口中文档的像素宽度 
16 
17 location | yes/no | 位置栏是否可见 
18 
19 menubar | yes/no | 菜单栏是否可见 
20 
21 outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 
22 
23 outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 
24 
25 resizable | yes/no | 窗口大小是否可调整 
26 
27 screenX | pixel value | 窗口距屏幕左边界的像素长度 
28 
29 screenY | pixel value | 窗口距屏幕上边界的像素长度 
30 
31 scrollbars | yes/no | 窗口是否可有滚动栏 
32 
33 titlebar | yes/no | 窗口题目栏是否可见 
34 
35 toolbar | yes/no | 窗口工具栏是否可见 
36 
37 Width | pixel value | 窗口的像素宽度 
38 
39 z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

七.SimpleDateFormat参数 

 1 G：年代，公元前/公元后
 2 y：年份
 3 M：月份
 4 d：日期
 5 h：小时，1～12，分上下午
 6 H：小时，0～23
 7 k：小时，从1到24
 8 K：小时，从0到11，区分上下午
 9 m：分钟
10 s：秒数
11 S：毫秒数
12 E：一星期的第几天，第一天星期日
13 z：时区
14 D：一年的第几天
15 F：这一天所对应的星期几在该月中是第几次出现
16 w：一年中的第几个星期
17 W：一月中的第几个星期
18 a：上午/下午标识
19 
20 重复次数不同，格式化后结果也有所不同

以上就是总结的一些DOM操作的常用的基本属性