javascript 基于浏览器，提供的内置对象，各个浏览器的支持不尽相同。
-
图像对象
-
导航对象
-
窗口对象
-
屏幕对象 screen
<html> <head> <script type="text/javascript"> with(document){ writeln("实际高度:"+screen.availHeight+"<br>"); writeln("实际宽度:"+screen.availWidth+"<br>"); writeln("屏幕区域高度:"+screen.height+"<br>"); writeln("屏幕区域宽度:"+screen.width+"<br>"); } </script> </head> </html>
-
事件对象 event
当事件发生时，由浏览器自动建立该对象，并包含该事件的类型、鼠标坐标等。
在js中为某个对象(控件)绑定事件通常可以采取两种手段:
- <input type=”button” onclick=”clickHandler();”>
- <input type=”button” id=”button1”>
<script type=”text/javascript”>
var v=document.getElementById(“button1”);
v.onclick=clickHandler; //注意：这里不写括号
</script>
<html> <body> <input type="button" value="clickMe" id="button1"> <script type="text/javascript"> var v=document.getElementById("button1"); function clickHandler(){ alert("button1 is clicked"); } v.onclick=clickHandler; </script> </body> </html>
-
历史对象
01.html
<html> <body> <a href="02.html" >点击</a> </body> </html>
02.html
<html> <body> <a href="#" onclick="window.history.back(-1);return false;">返回</a> </body> </html>
加return false;的原因是：执行完window.history.back(-1);后不去继续执行href
-
位置对象--用来代表特定窗口的URL信息
格式:
location.属性
location.方法（参数）
5秒后前往另一url
<html> <head> <script type="text/javascript"> var timeId; function loadPage(){ timeId=setInterval("countDown();",1000); } </script> </head> <body onload="loadPage();"> <script type="text/javascript"> var sec=5; function countDown(){ if(sec>0){ document.getElementById("num").innerHTML=sec--; }else{ clearInterval(timeId); location.href="http://www.baidu.com"; } } </script> 5秒后前往<br> <font id="num" size="7">5</font> </body> </html>