您的位置:首页 > Web前端 > JavaScript

JavaScript介绍及其简单例子(3)

2014-06-05 14:48 225 查看
接着上一篇的内容,这里我们来介绍一下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>

window.status=字符串

功能:设置或给出浏览器窗口中状态栏的当前显示信息。

小技巧:可以使用该属性设置浏览器窗口状态栏信息。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: