JavaScript之函数以及BOM编程[window、location、history]基本使用

js函数:就是方法,封装代码,方便调用
函数语法:
        function 函数名称(){
                    结果集;
        }
 

在任意一个函数中都会存在一个arguments参数,可以存储函数的参数个数,可以用来重载,判断参数的个数,  arguments.length
 

函数的调用有以下方式:

        直接调用

                直接借助标签自带的事件属性

        间接借助标签自带的事件属性

                间接:script标签中首先得到标签对象,然后再调用属性

系统函数:

        eval()  可以识别js脚本代码(z字符串)区别可以运行

        parseInt() |  parseFloat  讲字符串转为数值型

        isNaN()  判断一个内容是否为非数字

自定义函数:4个    还有一个不常用,利用Function对象创建函数

        无返回无参数

        无返回有参数

        有返回无参数

        有返回有参数

BOM包括DOM,BOM是没有标准的,各大浏览器去实现BOM操作的时候会导致各种兼容性问题,DOM是有一套标准的,是各大浏览器都支持一个标准,这个标准是由W3C组织制定的,所以各大浏览器会有这套标准
 

BOM代表整个浏览器对象模型

由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window,也称顶层对象,window代表的就是窗口

以至于,在script标签中所定义的任何属性和任何方法,在定义完成之后,都会默认成为window对象的一部分

 

BOM:浏览器对象模型,BOM代表整个浏览器对象窗口

        作用:历史记录,设置 | 获取URL地址,刷新,屏幕的宽度和高度以及浏览器软件的信息等....
 

 window对象其下的两个重要对象

        history----历史记录

        location----链接跳转

window对象常用方法:

        prompt: 显示可提示用户输入的对话框

        alert: 显示带有提示信息和确定按钮的对话框

        confirm: 显示一个带有提示信息、确定和取消的对话框

        window.open("1.html");//打开新的指定页面  【注意路径级别】

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

        location.reload();//刷新当前页面

        window.close();//关闭当前页面

        history.back();//返回 必须有历史记录 history.go(-1)

        history.forward();//前进 必须有历史记录 history.go(1)
        setTimeout: 指定的延迟时间之后来执行代码(一次性计时器)

        setInterval: 每隔指定的时间执行代码(间隔性触发计时器)
      语法:setTimeout(回调函数,时间)

禁用标签:属性名.disabled = true; 

对于非表单元素而言,获取其标签中的文本内容通过innerHTML

HTML网页的执行流程:从上往下  从左往右
 

 window对象的特殊事件--加载时间(onload),如果在script中要通过标签id获得属性,在body中写是没有问题的,如果是在head中,不用onload则会报错,因为找不到这个标签 ,在script标签中,加载函数只能写一个,如果写了多个则只会执行最后面的那一个,如果必要要多个加载函数,则需要手动添加事件方法:window.addEventListener('load',回调函数);
 

location对象 -- 属于window对象的子对象

href属性:设置或获取URL地址(网址)

window.location.href :  获取当前网页的URL地址
 

js的内置对象Date
      Date对象:时间对象、日期对象。
                格式:

                          var 日期对象=new Date(参数)

让时间一直在显示:setInterval()方法

数学函数Math

        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)  //返回数的平方根

        随机数:Math.random()    0-1之间

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值