函数和window对象

百合不是茶

浏览: 345109 次

最近访客更多访客>>

dd533

01nsglj

yhz61010

petehero

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript基础

JavaScript系统函数 window对象 Date对象定时函数

一, JavaScript的系统函数;

parseInt();转为整数

parseFloat();转为浮点数;

isNaN();判断是否为数字  true表示不是数字

二,自定义函数

在JavaScript中函数自定义的关键字是function,和pl/sql编程中函数的关键字是一样的;格式为:

   function 函数名(参数1,参数2){

   JavaScript 语句;

  }

return是用来返回函数的返回值

参数可有可无;

三:匿名函数

格式: 使用变量来接受匿名函数

   var fun = function (){
   JavaScript语句;
    }
//匿名函数的调用是通过时间来调用变量

四: 函数的调用

函数的调用是固定格式:

事件名="函数名()";

调用函数的例子:

<html>
<head>
</head>
  <script  type="text/JavaScript">
   function fun(){
      for(var i=0;i<10;i++){
      document.write("您好!")
       }
   }
//通过下面的onload时间调用函数
  </script>
<body>

 <form action="" method="post">
  <p onload="t">欢迎光临!</p>
 </form>
</body>
</html>

五: window对象

方法的调用必须要通过window.方法名来调用

     prompt;提示用户输入对话框

    alert;输出

    confirm;提示信息

    close;关闭网页

    open;打开网页

    setTimeOut;设置多少时间后调用

    setInterval;指定周期调用

六;window对象的常用事件

onload 页面加载时调用

onclick 点击时调用

七:Date对象

与JavaScript创建对象的方式与java相似 ,需要使用 "new 对象名()"的方法方法创建实例

Date包含时间和日期两个信息

 var 实例名 = new Date();

获取时间的方法

getDate();返回当前时间

getDay();返回某天

getHours();小时

getMinutes();分钟

getSeconds();秒

getMonth();月

getFullYear();年

getTime();时间

八: 定时函数(核心)

setTimeOut("执行的函数",等待的时间);

定义多久这个函数才会执行,次函数只会执行一次

setInterval("执行的函数",周期等待的时间);

setInterval会不停的调用函数

例如:模拟病毒,当打开网页时,会不停的弹出窗口

1,创建弹出的网页

2,创建主网页;

<html>
<head>
</head>
  <script  type="text/JavaScript">
   function fun(){
      window.open("imageps.html");
   }
    //1秒调用一次
	var t = setInterval("fun()",1000);
  </script>
<body>

 <form action="" method="post">
  <p onload="t">欢迎光临!</p>
 </form>
</body>
</html>

例子:时间的跳动;

<html>
<head>
<title>时间</title>
  <script  type="text/JavaScript">
   //设置时间的函数
    function distime(){
	 //创建date对象
	 var datetime = new Date();
	 //通过date对象来获取时间
	 var hh = datetime.getHours();
	 var mm = datetime.getMinutes();
	 var ss = datetime.getSeconds();
	 
	 //设置显示时间的方式
	document.getElementById("mytime").innerHTML="<h1>现在是:"+hh+":"+mm+":"+ss+"<h1>";
		
	}
	
	//setInterval不需要调用的
	var mytime = setInterval("distime()",1000);
</script>
</head>

<body onload="distime()">
   <div id="mytime" name="mytime" ></div>
</body>
</html>