zoukankan      html  css  js  c++  java
  • 浏览器窗口对象

    javascript最强大的功能也就在于能够直接访问浏览器窗口对象及中的子对象。
    浏览器窗口对象包括以下三个子对象:
    1、windows对象:浏览器窗口本身,它还有一个子对象----location对象。
    2、history对象:已访问Web站点的URL。
    3、document对象:浏览器窗口中的网页文件。

    windows对象

    1、windows对象的属性

    windows对象属性首先必须有一个名字属性,这就是访问windows对象的唯一途径。windows对象的名字属性除了可以自行设置外,还包括以下一些隐含的名称。

    window:指当前网页文件所在的window对象。
    self:指当前网页文件所在的windows对象。
    top:指最上层窗口对象,实际上就是浏览器窗口本身,它在框架中用到。
    parent:指父窗口对象,它也框架中用到。
    opener:指新创建的windows对象

    其次:windows对象还有另外一些属性,包括:
    windth:窗口对象的高度,以像素为单位。
    heiht:窗口对象的宽度,以像素为单位。
    directories:窗口目录元素属性,值为Yes(1)或No(0)。
    location:窗口位置元素属性,值为Yes(1)或No(0)。
    menubar:窗口菜单栏元素属性,值为Yes(1)或No(0)。
    scrollbars:窗口滚动条元素属性,值为Yes(1)或No(0)。
    status:窗口状态栏元素属性,值为Yes(1)或No(0)。
    toolbar:窗口工具栏元素属性,值为Yes(1)或No(0)。
    resizable:窗口可调整大小元素属性,值为Yes(1)或No(0)。

    以上的全部属性都用在Open()方法中,其中除了resizable属性外,其它属性中的Yes(1)表示该元素出现在新建的窗口中,No(0)表示该元素不出在新建的窗口中。

    另外,在windows对象中有些属性还可以直接访问,例如windows对象中的状态栏对象status便可以被直接访问。比如下面一条语句就可以改变status中显示的内容:
    window.status='this is a status example';

    windows对象的方法

    在HTML中,windows对象主要有以下五种常用的方法:

    Open()
    此方法用于新创建一个窗口对象。在open()方法中有三个可调用的参数:
        URL参数:用于指定新建窗口的URL属性(即location属性)。
        窗口对象名称参数:用于指定新建窗口对象的名字属性。
        其它参数:包括windth、heiht、directories、location、menubar、scrollbars、status、toolbar、resizable等属性,这些属性的值都是通过Yes(1)或No(0)进行设置的。

    其基本用法如下:

    window.open(URL,name,orthers);
    例如:windows.open('www.yahoo.com','mywin','directories=yes menubar=no scrollars=no status=no toolbar=no width=200 heiht=100');

    close()
    此方法用来关闭一个window对象,它里面不用任何参数,其基本用法如下:
    窗口对象.close();
    例如:mywin=window.open('','window1','width=200 heiht=100')
          mywin.close();

    alert()
    此方法用于创建一个警告对话框,在对话框中只有一个OK按钮,其基本用法如下:
    window.alert(警告信息);
    例如:window.alert('this is a alert test');

    confirm()
    此方法用于创建一个确认对话框,在对话框中有一个OK按钮和一个Cancel按钮,其基本用法如下:
    window.confirm(确认信息);
    例如:window.confirm('this is a confirm example');

    prompt()
    此方法用于创建一个提示对话框,在对话框中,除了有一个OK按钮和一个Cancel按钮以外,还有一个文本框,用于输入信息。其基本用法如下:
    window.prompt(提示信息);
    例如:var name=window.prompt('please enter your name');

    除了以上五种常用的方法外,还有另外两个更常用的方法,它们都是与时钟有关的方法,在后面的实例中要多次用到。这两个方法分别是:
    setTimeout()
    此方法用于打开一个计时器,在里面有两个参数:
    执行语句参数:计时器到达指定的时间时执行的操作。
    时间值参数:用于指定时间值,当计时器到达这个时间时,才开始执行其中的操作,单位为毫秒。
    其基本用法如下:
    window.setTimeout(执行语句,时间值);
    例如:
    window.setTimeout('add();',200);

    clearTimeout()
    此方法用于关闭一个计时器,其基本用法如下:
    window.clearTimeout(timerID);
    例如:
    timer1=window.setTimeout('add();',200);
    window.clearTimeout(timer1);

    注意:在javascript中可以同时找开多个计时器,不同的计时器可用不同的timerID来控制。

    Location对象

    Location对象是window对象的子对象,可以通过此对象改变窗口中的URL。
    1、 location对象的属性
    location对象属性只有一个,就是href属性。此属性可以被直接访问,其基本用法如下:
    window.location.href="/URL";
    例如:
    window.location.href="/’http://www.yahoo.com"’;
    2、Location对象主要有两个方法,分别是:
    l reload()
    此方法用于重载当前的网页文件,其基本用法如下:
    windows.location.reload();
    l replace
    此方法以一个新的Location对象代替当前的Location对象。实际上就是加载新的网页,它与直接设置Location的作用相同。其基本用法如下:
    window. Location.replace(URL);
    例如:
    window. Location.replace(http://www.yahoo.com’);

    history对象

    history对象用于存放已访问过的站点URL信息,可以通过history对象实现网页的往前或往后浏览功能。
    1、history对象的属性
    history对象只有一个属性,即length属性,它表示已经访问过的站点次数。其基本用法如下:
    n=history.length;
    2、 history对象的方法
    history对象共有三个方法,分别是:
    l back()
    此方法用于将浏览器窗口中的URL换成前一次访问过的URL,它相当于浏览器中的Back按钮。其基本用法如下:
    history.back();
    l forward()
    此方法用于将浏览器窗口中的URL换成一个已访问过的URL,它相当于浏览器中的Forward按钮,其基本用法如下:
    history.forward();
    l go()
    此方法用于将浏览器窗口中的URL换成指定的已经访问过的URL,其中有一个参数。当参数值为正数时表示向前,为负数时表示向后。其基本用法如下:
    history.go(-3);表示后退到上面第三个已经访问过的URL中

    history.go(3);表示前进到下面第三个已经访问过的URL中

    document对象

    document对象实际上就是当前网页文件中的内容。它包含各种子对象,这些子对象就是网页中的内容元素,主要有以下四种:
    l anchors对象:用于存放网页中的超链接个数。
    l images对象:用于保存网页中各图像名称和URL,网页中所有图像名称和URL都放在images对象中。
    l forms对象:指网页中的表单对象,可以通过它来访问各表单元素。
    l links对象:用于存放网页中超链接信息。

    document对象的属性
    document对象主要有下列属性:
    l location属性:指的是当前网页文件的URL。与前面的location不同,此属性不能进行设置,只能访问到它的值。例如:
    location=document. location
    l title属性:指的是当前网页文件中的标题名称。
    l referrer属性:代表链接到当前的网页的前一个网页URL。
    l lastModified属性:代表当前网页文件的最后一次修改时间。
    l bgColor属性:用于设置网页的背景色。
    l fgColor属性:用于设置网页的前景色。
    l linkColor属性:用于设置网页中未访问过的超链接文本的颜色。
    l vlinkColor属性:用于设置网页中已访问过的超链接文本的颜色。
    除了上面列举的一些属性成员以外,还有一些网页中的具体元素的属性成员。

    document对象的方法
    document对象的方法用于对网页的内容进行各种操作,在HTML中主要有下面几种方法:
    l write()
    此方法用于在指定的光标位置增加一个网页对象,通常指文本或者数字。例如:
    document.write(‘this is a test’);
    l writeIn()
    此方法与前一个方法类似,也是用于在网页中写文本或数字,但是它与前一个方法有一定的区别。此方法在写完一行文字之后不换行,而前一种方法在写完一行文字之后自动换行。
    l open()
    此方法用于打开一个新document对象,然后便可以用write()或writeIn()方法在里面增加内容。
    l close()
    此方法用于关闭一个document对象。
    l clear()
    此方法用于清除document对象中的内容,清除document对象中的内容与打开一个新的document对象不同,它的作用是清除当前document对象中的所有内容。

    Anchors对象
    Anchors对象只有一个length属性,此属性给出网页文件中超链接的个数,用法如下:
    Var n=document.anchors.length;

    Links对象
    Links对象用于存放网页中的各种超链接信息,它有两个属性:
    l length属性:用于存放网页中的超链接个数可以直接访问其属性值。例如:
    link_num=links.length;
    l href属性:用于表示超链接的URL。可以通过引用数组元素的方法来获取某个超锭接的URL。例如:
    link0=links[0].href;

    images对象
    images对象用于存放网矾中的图像信息。包括以下属性:
    l border属性:用于设置图像的边框属性。
    l complete属性:代表图像是否被完全装载。
    l width属性:用于设置图像的宽度。
    l height属性:用于设置图像的高度。
    l name属性:用于设置图像的控制名称。
    l lowsrc属性:用于指定浏览器使用纸分辨率显示图像。
    l src属性:用于指定图像的源文件名和URL。
    l hspace属性:用于设置图像的水平空白距离。
    l vspace属性:用于设置图像的垂直空白距离。
    在JavaScript中可以直接设置属性的值。例如:
    document.images[0].src="/’picture/temp.gif"’;

    forms对象
    forms对象用于存放网页中的各表单元素,可以直接通过名字来访问网页中的表单元素,也可以通过数组的方式来访问表单元素。
    forms对象包含各种表单域元素。如按钮、单选框、复选框、单行文本、滚动文本框、口令域、隐藏域等。JavaScript中一个强大的功能就是能直接处理表单中的各表单域元素。例如,可以通过下面一条语句来改变一个单行文本中显示的内容:
    document.forms[0].text1.value=’hello’;
    其中,text1是单行文本的名称。

    事件类型
    事件是JavaScript中常常用于激活某些功能模块的一种方式,在JavaScript中主要有以下一些事件:
    l onAbort:当浏览器在装载图像过程中突然中断时发生。
    l onBlur:在网页中的某个对象失去激活状态时发生,常用在表单元素中。
    l onChange:在表单中的文本域中的内容发生变化时发生。
    l onError:在网页文件或图像不能正常装载时发生。
    l onFocus:在网页的某个对象刚刚被激活时产生,它与onBlur正好相反。
    l onLoad:在网页或图像装载时发生。
    l onMouseover:在鼠标移到某个对象上时发生。
    l onMouseout:在鼠标离开某个对象时发生。
    l onSelect:在文本域中的某段文字被选中时发生。
    l onSubmit:在单击[提交]按钮时发生。
    l onUnload:在退出或关闭网页时发生。
    例如,可以利用事件来编写下面一段代码:
    <HTML>
    <HEAD>
    <TITLE>an Events example</TITLE>
    </HEAD>
    <BODY>
    <FORM>
    <INPUT> <TYPE=”button” Value=”Click here” NAME=”temp” onMouseover=”window.status=’mouse is over me’” onMouseout=”window.status=’mouse leave me’” onClick=”window.status=’mouse clicked me’”>
    </FORM>
    </BODY>
    <HTML>
    上面这段代码在用鼠标进行不同的按钮操作时,窗口的状态栏会显示不同的信息。
  • 相关阅读:
    Android 按键消息处理Android 按键消息处理
    objcopy
    SQLite多线程读写实践及常见问题总结
    android动画坐标定义
    Android动画效果translate、scale、alpha、rotate
    Android公共库(缓存 下拉ListView 下载管理Pro 静默安装 root运行 Java公共类)
    Flatten Binary Tree to Linked List
    Distinct Subsequences
    Populating Next Right Pointers in Each Node II
    Populating Next Right Pointers in Each Node
  • 原文地址:https://www.cnblogs.com/MaxIE/p/549297.html
Copyright © 2011-2022 走看看