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之间