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

一.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操作的常用的基本属性

时间: 2024-08-23 16:53:33

JavaScript-DOM编程的一些常用属性的相关文章

JavaScript DOM编程 学习笔记-节点属性

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //关于节点的属性:nodeType  nodeName  nodeValue //在HTML文档中,任何一个节点都有这三个属性

javaScript DOM编程常用的方法与属性

DOM是Document Object Model文档对象模型的缩写.根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件. Node接口的特性和方法 特性/方法 类型/放回类型 说明 nodeName String 节点的名字:根据节点的类型而定义 nodeValue String 节点的值:根据节点的类型而定义 nodeType Number 节点的类型常量值之一 ownerDocument Document 指向这个节点所属的文档 first

Javascript——DOM编程

Javascript--DOM编程 基本概述 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法.DOM 可被 JavaScript 用来读取.改变 HTML.XHTML 以及 XML 文档.具体定义可以参考--百度百科 DOM的必要性 1.DOM编程重要的作用是可以让用户对网页元素进行交互操作.

JavaScript DOM编程艺术第一章:JavaScript简史

本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助,所以 如果您也看过这本书,希望不要喷小的"抄袭",其实我也懒得敲这些文字也想简单粗暴地上代码,但是只有实践没有理论不容易自己理解,为避免误导,该"抄"的地方还是要"抄"的,哈哈~~ 一.JavaScript的起源 JavaScript是Netscap

JavaScript DOM编程艺术学习笔记(一)

嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推荐给想了解HDOM的相关人员!首先非常感谢作者写出了这么好的一本书,谢谢!书中的内容比较多,我仅记下我认为对自己和他人有所帮助的一些内容! 嗯,首先还是让代码来说话吧! 下面是两段此书中反复强调且通用的经典代码段 1:相当的经典和实用,尤其是当需要为页面加载函数绑定多个函数的时候 /** * [addLoad

《javascript dom编程艺术》笔记(二)——美术馆示例

这几天把这本书看完了,里面大部分知识我已经会了,所以看得就略简单,好多地方都没有再去动手去做,我知道这样是不对的,以后补吧. 现在我要做的是把这本书的笔记完结掉,不然总觉得有啥事没有做. 这个版本不是书中的最后版本,好像是第二版吧.后面还有动态创建结点的一版本,我已经在别的地方实践过了,就不再做了. 只贴出两个函数. //显示图片方法 function showPicture (whichpic) { //综合绑定的事件考虑,条件执行失败,希望浏览器可以让用户打开图片,因此在onclick处re

【JavaScript】JavaScript DOM 编程

在开发的时候,最主要是对DOM进行操作.DOM:Document Object Model 文本对象模型.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构. DOM是针对xml(HTML)的基于树的API. DOM树:表示的是节点的层次,如下图: DOM节点及其类型:HTML文档中的所有的内容都是节点. 元素节点:每一个HTML元素是一个元素节点. 属性节点:元素的属性,属性节点,可以直接通过属性的方式来操作. 文本节点:是元素节点的子节点,其内容为文本. 例:<li id

JavaScript DOM编程艺术 读书笔记

3 DOM DOM分别指document,object和model. DOM中包含的节点主要分为三种:元素节点.文本节点和属性节点.DOM的原子是元素节点,标签的名字就是元素的名字,元素可以包含其他的元素.没有被包含在其他元素里的唯一元素是<html>元素,它是树节点的根元素:在XHTML文档里,文本节点总是被包含在元素节点的内部.但并非所有的元素节点都包含有文本节点:属性节点用来对元素做出更具体地描述. 有3种DOM方法可获取元素节点,分别是通过元素ID.通过标签名字和通过类名字来获取. 1

《JavaScript DOM 编程艺术》 ——笔记

以下只是个人的读书笔记,限于本人的知识局限性,可能有偏差.请见谅,欢迎指出问题. 1.本书的名字就是<JavaScript DOM 编程艺术>,那么首先什么是DOM呢? DOM-Document Object MOdel,按字面上的意思翻译就是文本对象模型.“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.” 它将网页抽象成一个节点树: <!DOCTYPE html> <html lang="en&

《javascript DOM 编程艺术》学习笔记(一)

书籍已经看完了前六章的内容,有了一定的编程基础后觉得本书内容相对来说过于简单,应该是完全针对于初学者的(或者如作者所说是写个Web设计师的),作者在表述一个问题,一句代码都解释得非常啰嗦与重复,不过从书中学习到更多的,也是作者想让读者体会的是让大家理解DOM脚本编程技术背后的思路和原则,作者特别以早期Javascript的滥用来强调Web的规范与标准,这一点是非常值得学习的,也是一个程序员的基本素养. 截止到第六章,将所学到的知识点归纳如下: 1.基本语法:与php一样是弱类型语言,虽然功能强大