• 屏幕对象：

    描述屏幕的显示及颜色属性。

  • 屏幕对象的属性：

    格式： screen.属性
availHeight 屏幕区域的可用高度
availWidth 屏幕区域的可用宽度
colorDepth 颜色深度 256/8 16/16 32M/32
height 屏幕区域的实际高度
width 屏幕区域的实际宽度

例1：
<Script>

with (document) {
     write ("您的屏幕显示设定值如下：<P>");
     write ("屏幕的实际高度为", screen.availHeight, "<BR>");
     write ("屏幕的实际宽度为", screen.availWidth, "<BR>");
     write ("屏幕的色盘深度为", screen.colorDepth, "<BR>");
     write ("屏幕区域的高度为", screen.height, "<BR>");
     write ("屏幕区域的宽度为", screen.width);
}

</Script>

例2：
<Script>

if ( screen.width < 800 || screen.colorDepth < 8 ){
     var msg = "本网站最佳浏览模式为 800 * 600 * 256";
     alert(msg);
}

</Script>
　
  • 事件对象：

    当事件发生时，浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。
  • 事件对象的属性：

    格式：event.属性
data 返回拖拽对象的URL字符串（dragDrop）
width 该窗口或框架的高度
height 该窗口或框架的高度
pageX 光标相对于该网页的水平位置
pageY 光标相对于该网页的垂直位置
screenX 光标相对于该屏幕的水平位置
screenY 光标相对于该屏幕的垂直位置
target 该事件被传送到的对象
type 事件的类型
which 数值表示的键盘或鼠标键：1/2/3（左键/中键/右键）
layerX 光标相对于事件发生层的水平位置
layerY 光标相对于事件发生层的垂直位置
x 相当于layerX
y 相当于layerY

例1：
<Script>

function getEvent(evnt) {
eventWin = open ('','','width=200,height=100');
with (eventWin.document) {
      write("事件类型：", event.type);
      write("<br>鼠标的x坐标：", event.screenX);
      write("<br>鼠标的y坐标：", event.screenY);
}
}

document.write ("单击...")
document.onmousedown = getEvent;
</Script>

例2：
<Script>

function getCoordinate(evnt) {

if (document.all) {
    x = event.screenX;
    y = event.screenY;
}
else {
    x = evnt.screenX;
    y = evnt.screenY;
}
status = "水平坐标："+ x + "；垂直坐标："+ y;
}

document.onmousemove = getCoordinate;

</Script>

例3：
<Script>

function whichKey(evnt) {

if (document.all) {
     x = event.button;
     if( x==1 ) alert("你单击了左键");
     if( x==2 ) alert("你单击了右键");
}

else {
     x = evnt.button;
     if( x==1 ) alert("你单击了左键");
     if( x==3 ) alert("你单击了右键");
     return false;
}
}

document.onmousedown = whichKey;
document.write("请单击鼠标左/右键");

</Script>
　
  • 历史对象：

    用以存储客户端最近访问的网址清单。

    格式：

    history.属性
    history.方法（参数）

  • 历史对象的属性：
    current 当前历史记录的网址
    length 存储在记录清单中的网址数目
    next 下一个历史记录的网址
    previous 上一个历史记录的网址
  • 历史对象的方法：
    back() 回到上一个历史记录中的网址
    forward() 回到下一个历史记录中的网址
    go(整数或URL) 前往历史记录中的网址

例1：
history.go(-1)

newWin.history.back()

parent.downFrame.histroy.back()

例2：
<A HREF="#" onClick="history.back()">上一页</A>

<A HREF="javascript:history.back()">上一页</A>
　
  • 位置对象：

    用来代表特定窗口的URL信息。

    格式：

    location.属性
    location.方法（参数）

  • URL的格式：

    protocol//host:port/path#hash?search
  • URL的种类：
    javascript: javascript程序代码
    view-source: 显示源代码
    http:
    file:
    ftp:
    mailto:
    news:
    gopher
  • 位置对象的属性：
    hash 锚点名称
    host 主机名称
    hostname host:port
    href 完整的URL字符串
    pathname 路径
    port 端口
    protocol 协议
    search 查询信息
  • 位置对象的方法：
    reload() 重新加载
    replace(网址) 用指定的网页取代当前网页

例1：

按下按钮前往「文哥网络技术学习网」<P>
<INPUT TYPE="button" VALUE="走吧！" onClick="location.href='http://www.hubert.idv.tw/'">

例2：

<FONT COLOR="red"
onClick="location='http://www.hubert.idv.tw/'">
文哥网络技术学习网</FONT><P>

<FONT COLOR="blue" STYLE="cursor:hand"
onClick="location='http://www.hubert.idv.tw/'">
文哥网络技术学习网</FONT>

例3：
<Script>

var sec = 5;

function countDown() {
if (sec > 0) {
     num.innerHTML = sec--;
}
else
     location = "http://www.hubert.idv.tw/";
}
</Script>

<BODY onLoad="setInterval('countDown()', 1000)">
<CENTER>
文哥网络技术学习网
<H2>http://www.hubert.idv.tw/</H2>
五秒钟后自动带你前往<BR>
<FONT ID="num" SIZE="7" FACE="impact">5</FONT>

例4：

<A HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.hubert.idv.tw/');"><FONT COLOR="red"><U>设为首页</U></FONT></A><P>

<A HREF="javascript:window.external.AddFavorite('http://www.hubert.idv.tw /', '文哥网络技术学习网');"><FONT COLOR="red"><U>加入收藏</U></FONT></A>


ExtJS教程- Hibernate教程-Struts2 教程-Lucene教程