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>")