检测浏览器的版本、所支持的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教程