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 代替。

 

posted on 2007-04-23 23:30 -274°C 阅读(1176) 评论(3)  编辑  收藏 所属分类: web前端


FeedBack:
# re: JavaScript 之HTML内对象[未登录]
2007-04-27 13:00 | 阿蜜果
发现真是用心了,加油哦  回复  更多评论
  
# re: JavaScript 之HTML内对象
2007-09-16 17:12 | sgwood
你总结的不错。

  回复  更多评论
  
# re: JavaScript 之HTML内对象[未登录]
2007-09-18 23:54 | -274°C
@sgwood
但是感觉总结的还是比较浅,实际开发中遇到许多形形色色的问题。浏览器兼容问题。  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 

常用链接

留言簿(21)

随笔分类(265)

随笔档案(242)

相册

JAVA网站

关注的Blog

搜索

  •  

积分与排名

  • 积分 - 911937
  • 排名 - 40

最新评论