第五章 JavaScript 常用函数

目录

第一节:JavaScript 全局函数

第二节:JavaScript window 对象常用方法及事件

部分全局函数:              

javascript window对象常用方法及其事件。(window可省略)


第一节:JavaScript 全局函数

全局函数不属于任何一个内置对象。

JS 包含以下 7 个全局函数,用于一些常用的功能:escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape(); Eval()方法:执行代码;

第二节:JavaScript window 对象常用方法及事件

Alert();弹出消息框

setTimeout(); 执行一次

setinterval();执行多次

open();打开窗口

Window.onload 发生在文档全部下载完毕的时候。

Window.onresize 发生在窗口大小发生变化的时候。

部分全局函数:              

(1)    eval()         : 

  用法:   可计算 JavaScript 字符串,并把它作为脚本代码来执行。

       如果参数是一个表达式,eval() 函数将执行表达式。

       如果参数是Javascript语句,eval()将执行 Javascript 语句。

(2)     escape()       : 

  返回值: 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

  说明:   该方法不会对ASCII字母和数字进行编码。

       也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。

       其他所有的字符都会被转义序列替换。

(3)    isNan()       : 

  用法:   检查其参数是否是非数字值。

  返回值: true/false

(4)    isFinite()        : 

  用法:   检查其参数是否是无穷大。

  返回值: 如是有限数字(或可转换为有限数字),返回 true。

       如是非数字,或者是正、负无穷大的数,则返回 false。

(5)    parseFloat()      : 

  用法:   可解析一个字符串,并返回一个浮点数。

       它检查字符串中的首个字符是否是数字。

       是,则对其进行解析,直到到达数字的末端为止。

       然后以数字返回,而不是作为字符串。

(6)    parseInt()        : 

  用法:   parseInt() 函数可解析一个字符串,并返回一个整数。

  语法:   parseInt(string, radix)

  radix:  可被省略。  表要解析的数字的基数。该值介于 2 ~ 36 之间。

       如果省略该参数或其值为 0,则数字将以 10 为基础来解析。

       如果它以 “0x” 或 “0X” 开头,将以 16 为基数。(NaN缩写:非数字)

       如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

(7)    unescape()        : 

  用法:   可对通过 escape() 编码的字符串进行解码。

  原理:   通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字)

       用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码。

 

//全局函数(不属于任何一个内置对象)  示例:

<script type="text/javascript">

  var str="1+2+3";

  alert(eval(str));

</script>

 

javascript window对象常用方法及其事件。(window可省略)

(1)     alert()       :  弹出窗口

(2)    setTimeout()     :  在指定时间后执行一次

(3)    setDateTime()     :  间隔指定时间,重复执行

(4)    open()         :  打开一个新的浏览器窗口或查找一个已命名的窗口。

(5)    Window.onlooad()  :  在其方法里的内容,会在文档加载完毕后执行

(6)    Window.onresize() :  调整窗口大小

(window可省略)

 

<script type+"text/javascript">

  //弹出窗口

  window.alert("window对象的alert方法");

 

  //在指定时间后执行一次

  function func(){

     alert("5s 后显示这条语句");

  }

  window.setTimeout("func()",5000);

 

  //

  function setDateTime(){

     var date=new Date();

       var day=date.getDay();

        var week;

        switch(day){

          case 0:week="星期日";break;

          case 1:week="星期一";break;

          case 2:week="星期二";break;

          case 3:week="星期三";break;

          case 4:week="星期四";break;

          case 5:week="星期五";break;

          case 6:week="星期六";break;

        }

  }

  var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()

+" 日 "+week+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSecond s();

  document.getElementById("today").innerHTML=today;

  window.setInterval("setDateTime()",1000);//间隔一秒种执行一次。

 

  //window.open()

  window.open("https://www.baidu.com");

</script>

 

window.onload()

1.javascript支持

<script type="text/javascript">

  window.onload=dunction(){

     alert("文档加载完毕了。");

  }

</script>

2.html本身也支持onload

<script type="text/javascript">

  function init(){

     alert("文档加载完毕了。");

  }

</script>

<body οnlοad="init()">

</body>

 

window.onresize()

<script type="text/javascript">

  window.onresize=function(){

     alert("窗体大小发生了变化");

  }

</script>

 

发布了39 篇原创文章 · 获赞 16 · 访问量 3141

猜你喜欢

转载自blog.csdn.net/HDZ1821/article/details/104380117