JavaScript-核心对象

  JavaScript核心对象是将一些非常有用的功能预先定义成对象与函数,在JavaScript语言中可以直接施一公。例如window.document.forms[0],表示引用文档中的第一个表单。

1.浏览器对象

  浏览器对象是网页和浏览器本身的各种元素在JavaScript程序中的体现,它使JavaScript可以定位,改变以及展示HTML页面的所有元素。JavaScript可以访问浏览器提供的对象,通过对这些对象的访问,可以得到当前网页以及浏览器本身的一些信息,甭能万层有关的操作。

2.window对象

  window 对象是浏览器各对象的祖先,处于所有对象的最顶层,这并不是一种继承关系,而是从属关系,及所有浏览器对象是windiw对象的属性,可以通过window对象访问浏览器对象,每一个window对象代表一个浏览器窗口。在访问浏览器对象时window可以省略,

  访问方法

window.子对象1. 子对象2.属性名或方法名。
如
window.document.login.username.value="guest";
或
document.login.username.value='guest';

  1.window对象的属性

  Status:设置浏览器状态行中所显示的信息。

<script language="JavaScript"> (windowstatus.htm)
        window.status="欢迎访问光临本站!";
        </script>

  2.window对象的方法

<script type="text/JavaScript">

        name="";
        name = window.prompt("请输入您的姓名:",name);
        window.alert(name  "您好!开始考试!");
        if (window.confirm(你准摆好了吗?)){
            window.location.herf="exam.jsp";
        };
    </script>
①.open(“url”,["window name"[,"window feature"]])

功能:打开一个新的窗口

参数说明:

  url:要打开窗口的url地址

  window name :是新打开窗口的名称

  window deatures: 是新窗口的实际特性(窗口的外观)可选项的可能参数

  height:窗口的高度

  weight:窗口的宽度

  menubar:是否有菜单

  scrollbars:是否有滚动条

  resizable:窗口大小是否可以改变

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/JavaScript">
        function openwin(url) {
        var newwin = window.open(url,"winname","toolbar=no,directories = no,menubar=no,
        scrollbars=yes,rdsizable=no,width=500,height=360");
        newwin.focus();
        return(newwin);
        }

    </script>
</head>
<body>
    <a href="#" onclick="javaScript:openwin('myintro.jsp.jsp')">作者简介</a>
    
</body>
②.close方法

使用方法:

窗口对象.close()

关闭指定的卢兰其窗口

3.location对象

  location对象包含当前网页的URL.该对象有一个常用的href属性和reload()方法,其作用是导航到指定的网页

  href属性:用于指定导航到的网页,作用等价于<a>标签的功能

可以使用下面的代码将当前页面切换到test.html

<a href=# onclick="JavaScript:window.location.href='test.html>按此处 到下一个页面</a>

  reload()方法:实现当前网页的重新装载。

  若要重新装载当前页面

window.location.reload();window.location.reload();

 

4.history对象

  history对象包含有最近10各网页的url地址,他有一个length属性,可以返回当前有多少个url存储在history对象中共。该对象提供的got(数值)方法,可以实现网页的导航,可以让浏览器前进或后退到已经访问过的某个页面。数值为负数往后回退到曾访问过的倒数第几个页面。数值为整数表示前进到曾访问过的第几个页面。

window.history.go(-1)    后退到曾访问过的倒数第一个页面
window.history.go(-2) 后退到曾访问过的倒数第二个页面
window.history.go(2) 后退到曾访问过的第二个页面
window.history.go(0) 重新装在当前页面

 

5.screen对象

  screen对象通过属性设置当前用户的屏幕,

属性:

  width(height):指定或返回屏幕的可用宽度(高度)(像素数)

  availWidth(availHeight):指定或返回屏幕的可用宽度(高度)(一些不自动因残的类似任务栏的东西所占用的宽度(高度)不计算在内)

  colorDepth:指定或返回当前颜色设置所用的位数-1:黑白;8:256 色;16:增强色;24/32:真彩色;

  screenTop(screenLeft):屏幕顶端(左端)离本活动窗口中正文的顶端(左端)的距离,随窗口显示在屏幕上的位置而改变

  offsetWidth(offsetHeight):是对象可见的宽度(高度),包滚动条等边线,会随窗口的显示大小改变

  clientWidh(clientHeight):是对象可见的宽度(高度),不包滚动条等边线,会随窗口的显示大小改变

  scrollWidth(scorllHeight):是对象实际内容的宽度(高度),不包边线宽度(高度),会随对象中内容的多少改变(内容多了可能会改变对象的事件宽度)

document.write("屏幕的宽度:"+screen.Width+"<br>")
document.write("屏幕的高度:"+screen.Height+"<br>")