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=字符串
功能:设置或给出浏览器窗口中状态栏的当前显示信息。
小技巧:可以使用该属性设置浏览器窗口状态栏信息。
除了在代码里面进行简单的编程以外,我们还可以通过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=字符串
功能:设置或给出浏览器窗口中状态栏的当前显示信息。
小技巧:可以使用该属性设置浏览器窗口状态栏信息。
相关文章推荐
- javascript介绍及其简单例子(4)
- javascript介绍及其简单例子(6)
- javascript的简单介绍及其经典例子(1)
- javascript介绍及其简单例子(5)
- javaScript介绍及其经典例子(2)
- JavaScript正则表达式的简单介绍和一些小例子(一)
- 使用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍
- Fragment简单介绍及其类似与tabhost的底部实现例子
- Hibernate 3.2.5 annotation介绍及其简单例子
- JavaScript语言显示XML数据的简单例子
- 入门1--结合javascript制作一个简单的silverlight1.0例子
- 以一个最简单的例子把OO的JavaScript说明白
- 一个简单的用javascript验证表单的例子
- Jboss-jbpm介绍及简单例子
- 以一个最简单的例子把OO的JavaScript说明白
- IOC介绍及其简单实现
- 以一个最简单的例子把OO的JavaScript说明白
- javascript中的location用法简单介绍
- 请看用javascript设置和读取cookie的简单例子.....
- 介绍Struts 1.1 框架基本原理,以及介绍Struts 1.1 安装和一个简单的例子。