检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。
- Navigator对象的属性:
格式: navigator.属性
appCodeName |
代码 |
appName |
名称 |
appVersion |
版本 |
language |
语言 |
mimeType |
以数组表示所支持的MIME类型 |
platform |
编译浏览器的机器类型 |
plugins |
以数组表示已安装的外挂程序 |
userAgent |
用户代理程序的表头 |
例1:
<Script>
with (document) {
write ("你的浏览器信息:<OL>");
write ("<LI>代码:"+navigator.appCodeName);
write ("<LI>名称:"+navigator.appName);
write ("<LI>版本:"+navigator.appVersion);
write ("<LI>语言:"+navigator.language);
write ("<LI>编译平台:"+navigator.platform);
write ("<LI>用户表头:"+navigator.userAgent);
}
</Script>
例2:
<Script>
if (document.all) {
document.write("你的浏览器是:MSIE");
} else {
document.write("你的浏览器是:Navigator");
}
</Script>
- plugin对象的属性:
格式: navigator.plugins.属性
description |
外挂程序模块的描述 |
filename |
外挂程序模块的文件名 |
length |
外挂程序模块的个数 |
name |
外挂程序模块的名称 |
例:
<Script>
var len = navigator.plugins.length;
with (document) {
write ("你的浏览器共支持" + len + "种plug-in:<BR>");
write ("<TABLE BORDER>")
write ("<CAPTION>PLUG-IN 清单</CAPTION>")
write ("<TR><TH> <TH>名称<TH>描述<TH>文件名")
for (var i=0; i<len; i++)
write("<TR><TD>" + i +
"<TD>" + navigator.plugins[i].name +
"<TD>" + navigator.plugins[i].description +
"<TD>" + navigator.plugins[i].filename);
}
</Script>
- mimeType对象的属性:
格式:navigator.mimeTypes.属性
description |
MIME类型的描述 |
enablePlugin |
对应到哪个外挂模块 |
length |
MIME类型的数目 |
suffixes |
MIME类型的扩展名 |
type |
MIME类型的名称 |
例:
<Script>
var len = navigator.mimeTypes.length;
with (document) {
write ("你的浏览器共支持" + len + "种MIME类型:");
write ("<TABLE BORDER>")
write ("<CAPTION>MIME type 清单</CAPTION>")
write ("<TR><TH> <TH>名称<TH>描述<TH>扩展名<TH>附注")
for (var i=0; i<len; i++) {
write("<TR><TD>" + i +
"<TD>" + navigator.mimeTypes[i].type +
"<TD>" + navigator.mimeTypes[i].description +
"<TD>" + navigator.mimeTypes[i].suffixes +
"<TD>" +
navigator.mimeTypes[i].enabledPlugin.name);
}
}
</Script>
|
|
格式:
[window.]属性
[window.]方法(参数)
opener.属性
opener.方法(参数)
self.属性
self.方法(参数)
parent.属性
parent.方法(参数)
top.属性
top.方法(参数)
窗口名称.属性
窗口名称.方法(参数)
document |
当前文件的信息 |
location |
当前URL的信息 |
name |
窗口名称 |
status |
状态栏的临时信息 |
defaultStatus |
状态栏默认信息 |
history |
该窗口最近查阅过的网页 |
closed |
判断窗口是否关闭,返回布尔值 |
opner |
open方法打开的窗口的源窗口 |
outerHeight |
窗口边界的垂直尺寸,px |
outerWidth |
窗口边界的水平尺寸,px |
pageXOffset |
网页x-position的位置 |
pageYOffset |
网页y-position的位置 |
innerHeight |
窗口内容区的垂直尺寸,px |
innerWidth |
窗口内容区的水平尺寸,px |
screenX |
窗口左边界的X坐标 |
screenY |
窗口上边界的Y坐标 |
self |
当前窗口 |
top |
最上方的窗口 |
parent |
当前窗口或框架的框架组 |
frames |
对应到窗口中的框架 |
length |
框架的个数 |
locationbar |
浏览器地址栏 |
menubar |
浏览器菜单栏 |
scrollbars |
浏览器滚动条 |
statusbar |
浏览器状态栏 |
toolbar |
浏览器工具栏 |
offscreenBuffering |
是否更新窗口外的区域 |
personalbars |
浏览器的个人工具栏,仅Navigator |
alert(信息字串) |
弹出警告信息 |
confirm(信息字串) |
显示确认信息对话框 |
prompt(提示字串[,默认值]) |
显示提示信息,并提供可输入的字段 |
atob(译码字串) |
对base-64编码字串进行译码 |
btoa(字串) |
将进行base-64编码 |
back() |
回到历史记录的上一网页 |
forward() |
加载历史记录中的下一网页 |
open(URL,窗口名称[,窗口规格]) |
|
focus() |
焦点移到该窗口 |
blur() |
窗口转成背景 |
stop() |
停止加载网页 |
close() |
|
enableExternalCapture() |
允许有框架的窗口获取事件 |
disableExternalCapture() |
关闭enableExternalCapture() |
captureEvents(事件类型) |
捕捉窗口的特定事件 |
routeEvent(事件) |
传送已捕捉的事件 |
handleEvent(事件) |
使特定事件的处理生效 |
releaseEvents(事件类型) |
释放已获取的事件 |
moveBy(水平点数,垂直点数) |
相对定位 |
moveTo(x坐标,y坐标) |
绝对定位 |
setResizable(true|false) |
是否允许调整窗口大小 |
resizeBy(水平点数,垂直点数) |
相对调整窗口大小 |
resizeTo(宽度,高度) |
绝对调整窗口大小 |
scroll(x坐标,y坐标) |
绝对滚动窗口 |
scrollBy(水平点数,垂直点数) |
相对滚动窗口 |
scrollTo(x坐标,y坐标) |
绝对滚动窗口 |
setInterval(表达式,毫秒) |
|
setTimeout(表达式,毫秒) |
|
clearInterval(定时器对象) |
|
clearTimeout(定时器对象) |
|
home() |
进入浏览器设置的主页 |
find([字串[,caseSensitivr,backward]]) |
查找窗口中特定的字串 |
print() |
|
setHotKeys(true|false) |
激活或关闭组合键 |
setZOptions() |
设置窗口重叠时的堆栈顺序 |
|
onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload
例1:
<Script>
function checkPassword(testObject) {
if (testObject.value.length < 4) {
alert("密码长度不得小于四");
testObject.focus();
testObject.select();
}
}
</Script>
请输入密码:
<INPUT TYPE="text" onBlur="checkPassword(this)">
例2:
<Script>
if (confirm("你满十八岁了吗?"))
location = "adult.htm";
else
alert("等你成年以後再来吧!");
</Script>
例3:
<Script>
var bgColor =
prompt("你喜欢哪一种底色:\n浅蓝色请按1,粉红色请按2",1)
if (bgColor == 1) document.bgColor = "#CCFFFF";
else if (bgColor == 2) document.bgColor = "#FFCCFF";
else document.bgColor = "#FFFFFF";
</Script>
例4:
<Script>
function grow() {
resizeBy(0, 50);
}
function shrink() {
resizeBy(0, -50);
}
</Script>
<Body onMouseOver="grow()" onMouseOut="shrink()">
将视窗放大与缩小
</Body>
例5:
<Script>
function scrollIt() {
for (y=1; y<=2000; y++) {
scrollTo(1,y);
}
}
</Script>
<Body onDblClick=scrollIt()>
双击鼠标,画面会自动卷动...
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
... The End ...
</Body>
- open方法的窗口规格参数:(yes/no,1/0)
格式:[var 新窗口对象名=]window.open("url","windowName","windowFeature")
alwaysLowered |
是否将窗口显示的堆栈后推一层 |
alwaysRaised |
是否将窗口显示的堆栈上推一层 |
dependent |
是否将该窗口与当前窗口产生依存关系 |
fullscreen |
是否满屏显示 |
directories |
是否显示连接工具栏 |
location |
是否显示网址工具栏 |
menubar |
是否显示菜单工具栏 |
scrollbars |
是否显示滚动条 |
status |
是否显示状态栏 |
titlebar |
是否显示标题栏 |
toolbar |
是否显示标准工具栏 |
resizable |
是否可以改变窗口的大小 |
screenX |
窗口左边界距离 |
screenY |
窗口上边界距离 |
top |
窗口上边界 |
width |
窗口宽度 |
height |
窗口高度 |
left |
窗口左边界 |
outerHeight |
窗口外边界的高度 |
personalbar |
是否显示个人工具栏 |
注释:open("","","menubar")
open("","","menubar=1")
open("","","menubar=yes")
例1:
<Script>
document.write ("文哥网络技术学习网");
open ('1.htm','','height=100,width=300');
</Script>
<!-------- 1.htm -------->
<TITLE>欢迎光临</TITLE>
<BODY onClick="self.close()">
<IMG SRC="images\welcome.gif" ALIGN="left">
<CENTER>
<FONT COLOR="blue" SIZE="5">欢迎光临</FONT><BR>
这是一个技术研习的小天地<BR>
</CENTER>
</BODY>
例2:
<Script>
document.write("文哥网络技术学习网")
helloWin = open ('1.htm','','height=100,width=300');
var line1 = "<FONT COLOR='blue' SIZE='5'>欢迎光临</FONT><BR>"
var line2 = "这是一个技术研习的小天地"
helloWin.document.write (line1 + line2)
helloWin.document.title = "欢迎光临"
</Script>
例3:
<Script>
window.defaultStatus = "最棒的线上学习网站";
</Script>
<A HREF="http://www.hubert.idv.tw" onMouseOver="status='内容很充实喔!';return true">
文哥网路技术学习网</A>
例4:
<Script>
queryWin = open('1.htm','','height=100,')
</Script>
利用子窗口来改变母窗口的底色
/* -------- 1.htm -------- */
<Script>
function passToOpener(color) {
opener.document.bgColor = color;
self.close();
}
</Script>
<CENTER>
请选择你喜欢的颜色?<BR>
<FONT onClick="passToOpener('#CCFFFF')"> >浅蓝色<</FONT>
<FONT onClick="passToOpener('#FFCCFF')"> >浅红色<</FONT>
</CENTER>
ExtJS教程-
Hibernate教程-
Struts2 教程-
Lucene教程