JavaScript介绍及其简单例子（3）

最新推荐文章于 2019-07-23 18:19:35 发布

谁是谁的学渣

最新推荐文章于 2019-07-23 18:19:35 发布

阅读量622

点赞数

分类专栏： java web

本文链接：https://blog.csdn.net/kluing/article/details/28597413

版权

java web 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

接着上一篇的内容，这里我们来介绍一下javaScript内置对象:

除了在代码里面进行简单的编程以外，我们还可以通过JavaScript提供的内置对象来对网页进行操作，内置对象由浏览器提供可以直接使用，不用定义。下面我们介绍一下比较常用的四个对象：

1.window：负责操作浏览器窗口，负责窗口状体，开闭等。

2.document：负责操作浏览器载入的文档（HTML文件）。它从属于window。

3.history：可以代替后退（前进）按钮访问历史记录，从属于window。

4.location：访问地址栏，也从属于window。

如果一个对象从属于window对象，使用时用”.“隔开，如：”window.document.xxx“但是如果属于window对象，window可以忽略那么前面也可以写成”document.XXX“

这里我们就说下window对象：

出现提示框

window.alert（”内容“）：出现消息框。

window.confirm(" 内容")：出现确定框。

window.prompt("内容")：出现输入框。

介绍一个例子来让我们了解一下：

<html>
<body>
<script type="text/javascript">
window.alert("lalalla");
window.confirm("是否要提交");
window.prompt("请输入你的名字");
</script>
</body>
</html>

当然window还用于控制窗口的状态的开闭。窗口的打开使用的是window的open函数。

例子如下：

<html>
<body>
<script type="text/javascript">
window.status="出现新的窗口";
//打开新的窗口
newWindow=window.open("huhu.html","new1","width=300,height=300,top=500,left=500");
//可以通过返回值来控制新窗口
//newWindow.close();//关闭窗口
</script>
</body>
</html>

这里我们在介绍一下定时器

window对象负责管理和控制页面的定时器，定时器的作用是让某个函数隔一段时间之后运行一次，格式为：

timer=window.setTimeout("需要运行的函数"，“时间（用毫秒计算）”)；

如果要清楚定时器，则可以：

clearTimeout（timer）；下面讲解一下代码

<html>
<body>
<script type="text/javascript">
//setTimeout 让函数某时段之后运行1次，参数2是毫秒
timer=window.setTimeout("fun1()","1000");
var i=0;
function fun1(){
i++;
window.status=i;
if(i==100){
window.clearTimeout(timer);//清除定时器，否则会一直运行
return;
}
timer=window.setTimerout("fun1()","1000");
}
</script>
</body>
</html>