JavaScript+jQuery程序设计第6章 JavaScript常用文档对象.pptVIP

JavaScript常用文档对象 Document对象 表单对象 图像对象 Document对象 文档对象概述 文档对象的常用属性、方法与事件 Document对象的应用 JavaScript中的cookie设置 文档对象概述 通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。 属性 说明 alinkColor 链接文字被单击时的颜色，对应于body标记中的alink属性 bgColor 文档的背景颜色，对应于body标记中的bgcolor属性 cookie 表示cookie的值 fgColor 文档的文本颜色，对应于body标记中的text属性值 forms[] 存储窗体对象的一个数组 images[] 存储图像对象的一个数组 linkColor 未被访问的链接文字的颜色，对应于body标记中的link属性 vlinkColor 表示已访问的链接文字的颜色，对应于body标记的vlink属性件 title 当前文档标题对象 URL 获取或设置URL 文档对象的常用属性、方法与事件 方法 说明 close 关闭文档的输出流 open 打开一个文档输出流 write 向文档中写入HTML或JavaScript语句 writeln 向文档中写入HTML或JavaScript语句，并以换行符结束 createElement 创建一个HTML标记 getElementById 获取指定id的HTML标记 文档对象的常用属性、方法与事件 事件 说明 onblur 元素或窗口本身失去焦点时触发 onclick 单击鼠标左键时触发 onfocus 任何元素或窗口本身获得焦点时触发 onkeydown 键盘上的按键被按下时触发 onkeyup 释放键盘上的按键时触发 onmousedown 单击任何一个鼠标按键时触发 onscroll 在任何带滚动条的元素或窗口上滚动时触发 onmouseover 鼠标移到某个元素上时触发 onmouseout 将鼠标从指定的元素上移开时触发 文档对象的常用属性、方法与事件 Document对象的应用 获取或设置当链接被单击时显示的颜色 获取或设置页面中未单击的链接的颜色 获取或设置页面中单击过的链接的颜色 分别设置超链接3个状态的文字颜色。 实例 链接文字颜色设置 alinkColor属性 linkColor属性 vlinkColor属性 Document对象的应用 获取或设置页面的背景颜色 获取或设置页面中文字的颜色 每间隔一秒改变文档的前景色和背景色。 实例 文档背景色和前景色设置 bgColor属性 fgColor属性 Document对象的应用 获取或设置当前文档的URL URL属性 在页面中显示当前文档的URL。 实例 获取并设置URL Document对象的应用 向HTML文档中输出数据 在所输出的内容后添加一个回车换行符 使用write()方法和writeln()方法在页面中输出几段文字，注意这两种方法的区别。 实例 在文档中输出数据 write()方法 writeln()方法 Document对象的应用 根据一个指定的类型来创建一个HTML标记 createElement()方法 通过单击“动态添加文本框”按钮，在页面中动态添加一个文本框。 实例 动态添加一个HTML标记 Document对象的应用 通过指定的id来获取HTML标记 getElementById()方法 在页面加载后的文本框中显示“初始文本内容”，当单击按钮后改变文本框中的内容。 实例 获取文本框并修改其内容 JavaScript中的cookie设置 Cookie的存储格式 name1=value1; name2=value2; name3=value3; name4=value4; Cookie的写入 var cookiename=name5; var cookievalue=value5; var totalcookie=cookiename+=+cookievalue; document.cookie=totalcookie; 在JavaScript中可以使用encodeURI()函数将文本字符串编码为一个有效的URI。要读取编码后的字符串，需要使用decodeURI()函数进行解码操作。 Cookie的写入 var date=new Date(); date.setDate(date.getDate()+7); document.cookie=encodeURI(test