• 浏览器窗口对象


    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>
    上面这段代码在用鼠标进行不同的按钮操作时,窗口的状态栏会显示不同的信息。
  • 相关阅读:
    Makefile的常用技术总结
    NPOI 插入行[转]
    LINQ语句中的.AsEnumerable() 和 .AsQueryable()的区别 [转]
    Using Google Public DNS[Google公共DNS服务器]
    软件开发知识[TDD]
    MySQL函数之STRCMP()
    MySQL知识[INSERT语法]
    软件开发知识[ORM]
    软件开发知识[ADO.NET Entity Framework]
    mysql workbench 在模板与数据库间同步
  • 原文地址:https://www.cnblogs.com/MaxIE/p/549297.html
Copyright © 2020-2023  润新知