javascript的内置对象

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>

javascript的内置对象

图像对象

导航对象

窗口对象

屏幕对象 screen

事件对象 event

历史对象

位置对象--用来代表特定窗口的URL信息