JavaScript(1)

DOM:文档对象类型

window和document对象

层级树的最顶端是浏览器window对象,它是DOM树里一切对象的根。子对象包括document(常用)、location、history、navigator。

window.alert()方法:弹出对话框

document.write()方法:写入字符

Dom对象和内置对象

alert()

confirm()

prompt():打开模态对话框的另一种方法,允许用户输入信息。

根据id选择元素:getElenmentById()。

利用getElementById()和innerHTML()就可以访问这个<div>元素里的Html内容。

var mydivContents=document.getElementById(“div1”).innerHTML;

访问浏览器历史纪录:window.history

loaction对象:包含当前页面的URL信息。

刷新页面:location.reload()方法。

浏览器版本信息:navigator对象

 

日期和时间:

获取日期和时间信息的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>获取时间和日期</title>
    <style>
        p{
            font:14px normal arial,verdana,helcetica;;
        }
    </style>
    <script>
        function telltime(){
            var out="";
            var now=new Date();
            out+="<br/>Date:"+now.getDate();
            out+="<br/>Month:"+now.getMonth();
            out+="<br/>Year:"+now.getFullYear();
            out+="<br/>Hours:"+now.getHours();
            out+="<br/>Minutes:"+now.getMinutes();
            out+="<br/>Seconds:"+now.getSeconds();
            document.getElementById("div1").innerHTML=out;
        }
    </script>
</head>
<body>
The current date and time are:<br/>
<div id="div1"></div>
<script>
    telltime();
</script>
<input type="button" onclick="location.reload()" value="Refresh "/>
</body>
</html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注