JavaScript 之HTML内对象

JavaScript学习笔记：

一.navigator 浏览器对象

属性：

appName  ——返回浏览器名称。
userAgent ——返回浏览器名称版本，以及使用操作系统名称。
javaEnable()——代表当前浏览器是否允许Java。

学习时候写的测试代码：

 1<script language="javascript">
 2function test()
 3{
 4   alert("你浏览器名称："+navigator.appName );
 5   alert("你浏览器版本："+navigator.userAgent);
 6   //alert("你浏览器版本是否支持JAVA："+navigator.javaEnable());
 7
 8}
 9test();
10</script>
11

其中不知道怎么回事，注释掉的代码在公司电脑上没有错，在自己电脑上就报个脚本错误。

(javaEnabled()笔误，哎。) 

二.screen 屏幕对象

属性：

width ——返回屏幕的宽度（像素数）。
height ——返回屏幕的高度。
availWidth ——返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
availHeight ——返回屏幕的可用高度。

（好像很少用到）

三.window 窗口对象

一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。

1. self——指当前窗口本身。它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”，放在<a>标记中：

如：“<a href="javascript:self.close()">关闭窗口</a>”。

2.parent ——返回窗口所属的框架对象。

方法：
onload 当文档下载完毕，启动该方法。
alert 弹出窗口。

四.history 历史对象

历史对象指浏览器的浏览历史。

属性

length 历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。本属性返回的是“前进”和“后退”两个按键之下包含的地址数的和。

方法

back() 后退，跟按下“后退”键是等效的。
forward() 前进，跟按下“前进”键是等效的。
go() 用法：history.go(x)；在历史的范围内去到指定的一个地址。如果 x < 0，则后退 x 个地址，如果 x > 0，则前进 x 个地址，如果 x == 0，则刷新现在打开的网页。history.go(0) 跟 location.reload() 是等效的。

五.document

1. 原来没有用过，document.title获取title属性。

2. open() 打开文档以便 JavaScript 能向文档的当前位置（指插入 JavaScript 的位置）写入数据。通常不需要用这个方法，在需要的时候 JavaScript 自动调用。

3. write(); writeln() 向文档写入数据，所写入的会当成标准文档 HTML 来处理。writeln() 与 write() 的不同点在于，writeln() 在写入数据以后会加一个换行。这个换行只是在 HTML 中换行，具体情况能不能够是显示出来的文字换行，要看插入 JavaScript 的位置而定。如在<pre>标记中插入，这个换行也会体现在文档中。

4.clear() 清空当前文档。
close() 关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不必使用该方法。
测试代码：
说来奇怪，本来想着不在程序里面的时候。 bgcolor="#0000FF"  border="1"都是双引号，我改成单引号放进去，居然错了。直接不要引号就对了。

 

1<script language="javascript">
2   document.write("<table bgcolor=#0000FF border=1><tr><td>测试</td></tr></table>");
3   document.close();
4</script>

六 .embeds[] 插件对象

它是一个数组，包含了文档中所有的插件（<embed>标记）。因为每个插件的不同，每个 Embed 对象也有不同的属性和方法。

七.forms[]; Form 表单对象

 document.forms[] 是一个数组，包含了文档中所有的表单（<form>）。要引用单个表单，可以用 document.forms[x]，但是一般来说，人们都会这样做：在<form>标记中加上“name="..."”属性，那么直接用“document.<表单名>”就可以引用了。

Form 对象的属性

name 返回表单的名称，也就是<form name="...">属性。
action 返回/设定表单的提交地址，也就是<form action="...">属性。
method 返回/设定表单的提交方法，也就是<form method="...">属性。
target 返回/设定表单提交后返回的窗口，也就是<form target="...">属性。
encoding 返回/设定表单提交内容的编码方式，也就是<form enctype="...">属性。
length 返回该表单所含元素的数目。

方法

reset() 重置表单。这与按下“重置”按钮是一样的。
submit() 提交表单。这与按下“提交”按钮是一样的。

事件

onreset; onsubmit

以下从“Button”到“Textarea”都是表单的元素对象。

Button 按钮对象 由“<input type="button">”指定。引用一个 Button 对象，可以使用“<文档对象>.<表单对象>.<按钮名称>”。<按钮名称>指在<input>标记中的“name="..."”属性的值。引用任意表单元素都可以用这种方法。

八.Radio 单选域对象

由“<input type="radio">”指定。一组 Radio 对象有共同的名称（name 属性），这样的话，document.formName.radioName 就成了一个数组。要访问单个 Radio 对象就要用：document.formName.radioName[x]。

单个 Radio 对象的属性

name 返回/设定用<input name="...">指定的元素名称。
value 返回/设定用<input value="...">指定的元素的值。
form 返回包含本元素的表单对象。
checked 返回/设定该单选域对象是否被选中。这是一个布尔值。
defaultChecked 返回/设定该对象默认是否被选中。这是一个布尔值。

方法

blur() 从对象中移走焦点。
focus() 让对象获得焦点。
click() 模拟鼠标点击该对象。

事件

onclick

Reset 重置按钮对象 由“<input type="reset">”指定。因为 Reset 也是按钮，所以也有 Button 对象的属性和方法。至于“onclick”事件，一般用 Form 对象的 onreset 代替。