JavaScript函数与window对象（二）

 

目录

一，js中函数的定义：

二，js函数

1.系统函数，内部已经定义好的函数，例如：

2. 自定义函数：

3.函数的调用：

4.函数的重用：

5.箭头函数：

 三，window对象

 1.window的常用属性：

 history的具体示例：

2.常用的方法，在调用时window一般都是默认不写：

计时器的使用：

open和href的区别：

3.常用的事件：

4.匿名函数：

 5.date对象

data方法分组 

6.如何让时间一直显示：setInterval()方法

7.数学函数

好啦，小伙伴们，今天的分享就到这啦，下期继续为大家带来更多分享！

---

一，js中函数的定义

相当于Java的方法，是为了完成特定的代码块语句。

---

二，js函数

1.系统函数，内部已经定义好的函数，例如：

• eval函数：将数字字符串转换为数字类型的函数
• paeseInt和parseFloat函数：将字符串转换为整数
• escape函数和UNescape函数：对URL的编码和解码
• isNaN函数和isFinite函数：前者是判断是否为数字，如果是非数字将会返还true
• 后者是判断是否为无穷大或者无穷小的数字将会返还false

2. 自定义函数：

同Java一样，在Java中通常方法分为四种：无参无返回，无参有返回，有参又返回，有参无返回

函数如果未定义返回，就会提示undefined

//在js中的函数中


function 函数名（）｛//无参无返回函数

  //js代码块；

｝

function 函数名（）｛//无参有返回函数

  return +返回值或变量；

｝

function 函数名（参数a）｛//有参有返回函数，可以设置多个参数

  return +返回值或变量；

｝

function 函数名（参数a）｛//有参无返回函数

  //js代码块；

｝

3.函数的调用：

//1.内部调用

   <script type="text/javascript">

	       function setname(name){//创建提示名字的函数

		    alert("我是"+name);//启动弹出框

	       }

	        setname("小明");//调用函数将会弹出“我是小明”的提示框

	</script>

//2.外部调用

   //在控件中调用函数：

   <input type="button" value="点我提示名字" onclick="setname()" />

   //当按钮被点击的时候将会调用函数

//3.在函数中调用另一个函数：

    <script type="text/javascript">

	      function setname(name){

		  alert("我是"+name);

	      }

	      function name(){//创建新的函数

		  setname("小明");//调用提示名字的函数

	     }

	</script>

//4.高阶函数:可以吧函数作为参数，就是高阶函数，例如：

    function good(a,b){//创建函数，a为方法名,b为a方法的参数

    return a(b);//该方法返回a方法的返回值

    }

4.函数的重用：

代码的重用，顾名思义就是重新使代码，示例如下：

//获得输入框的值：

var a=  document.getElementById("id").value;//通过拿到控件的ID来获取其vaulue

//为文本框设置值：

document.getElementById("ID").value="ABC";//同理，先获取控件的ID再对该控件进行设置值

5.箭头函数：

 var fb=()=>{//普通函数的简写
     
   document.write("hello world！")
    
}

---

 三，window对象

 1.window的常用属性：

名称	简述
screen	有关客户端的屏幕和显示性能的信息
history	有关客户端访问过的URL的信息
location	有关当前URL的信息

•  history的具体示例：

      
      function back(){//创建返回上一页的函数
  
          history.back();//相当于history.go(-1)
  
      }
  
      function forward(){//创建跳转前一页的函数
  
          history.forward()//相当于history.go(1)
  
      }

2.常用的方法，在调用时window一般都是默认不写：

名称	简述
prompt	显示可提示用户输入的对话框
alert	显示带有一个提示信息和一个确定按钮的警示框
confirm	显示一个带有提示信息、确定和取消按钮的对话框
close	关闭浏览器窗口
open	打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout	在指定的毫秒数后调用函数或计算表达式
setInterval	按照指定的周期（以毫秒计）来调用函数或表达式

• 计时器的使用：

  //计时器
  
  var a=0;
  
      //定义定时器对象
  
      var i=setInterval(function (){
  
          a++//每次进来+1
  
          console.log("时间到了")
  
          if(a==10){//当到了10次时就会调用停止循环的函数
  
              clearInterval(i)
  
          }
  
      },1000)//将定时器的延迟设置为1s
  

• open和href的区别：

window.open("1.html");//打开新的指定页面  

location.href("1.html");//不打开新页面的前提下直接进入新页面

//两者都是打开网页，一个href则不需要新开，而且是使用location实例出来

3.常用的事件：

名称	简述
onload	一个页面或一幅图像完成加载
onmouseover	鼠标移到某元素之上
onlick	当用户单击某个对象时调用的事件句柄
onkeydown	某个键盘按键被 按下
onchange	域的内容被改变

4.匿名函数：

//1.声明一个匿名函数

windon.onload = function(){

 alert('hello');

};

//2，使用匿名函数表达式。

var show = function(){//将函数匿名，赋值给一个变量

 alert('hello');

};

show();

//匿名函数的常见写法：

//1.使用 ！开头，结构清晰，不容易混乱，推荐使用；

!function(){

 document.write('ni hao');

}()
 
//2.无法表明函数与之后的()的整体性，不推荐使用。

(function(){
 
document.write('wo hao');

})();

//3.能够将匿名函数与调用的()为一个整体，官方推荐使用；

(function(){

 document.write('hello');

}());

//4.放在中括号内执行

[function(){

 document.write('world');

}()];

//5.使用 + 运算符

+function(){

 document.write('ni hao');

}()

//6.使用 - 运算符

-function(){

 document.write('ni hao');

}()

//7.使用波浪符 ~

~function(){

 document.write('ni hao');

}()

//8.使用 void

void function(){

 document.write('ni hao');

}()

 5.date对象

 var 日期对象=new Date(参数);
    
//获得当前日期，参数格式：MM DD,YYYY,hh:mm:ss:ms
    
var today=new Date(); //返回当前日期和时间
    
var tdate=new Date("september 1,2015,12:23:33");


//示例：
var today=new Date(); //获取当前时间

var year=today.getFullYear(); //得到年

var month=today.getMonth(); //得到月

var day=today.getDay(); //得到星期几

var date=today.getDate(); //得到日

var hh=today.getHours(); //得到时

var mm=today.getMinutes(); //得到分

var ss=today.getSeconds(); //得到秒


//将字符串的值写入到html中某个ID中

var dd=year+"年"+month+"月"+date+"日";

var da=document.getElementById("da");拿到对象

da.innerHTML=dd;  //innerHTML给对象赋值

• data方法分组 

date方法分组	简述
setXxx	这些方法用于设置时间和日期值
getXxx	这些方法用于获取时间和日期值

          Xxx包括：
         FullYear: 当前年
         Month:    0~11（一月至十二月）
         Day:      0~6（星期几）
         Date:     1~31
         Hours:    0~23
         Seconds和Minutes:0~59

6.如何让时间一直显示：setInterval()方法

function mm(){
 
  setInterval("函数名",1000); //每隔1秒自动执行
 
  setTimeout("函数名",1000); //等待1秒后执行一次，循环执行

}

//只会执行一次

//会一直执行

7.数学函数

Math.abs(x)    //返回数的绝对值

Math.ceil(x)   //返回比x大的最小整数  Math.ceil(34.5)--35

Math.floor(x)  //返回比x小的最大整数  Math.floor(34.5)--34

Math.random()  //返回0~1之间的随机数

Math.round(x)  //四舍五入取整

Math.sqrt(x)   //返回数的平方根

注意：在随机数中不同于Java的random，js的random随机出来的一定区间[0,1)的数

---

好啦，小伙伴们，今天的分享就到这啦，下期继续为大家带来更多分享！