一,函数
1.1 函数的概述
函数就是一个封装的容器,一次编写多次利用
1.2,函数的分类及调用步骤
- 系统函数:eval,parseInt,parseFloat,isNaN
- eval函数: 专执行JS代码(JS代码"字符串"形式)
- parselent 将字符串转换为int类型
- parseFloat 将字符串转换为Folat类型
- isNAN 判断是否是非数字(注重内容)
如果给定的值能被转换为数字,则返回false;反之返true;
- 自定义函数 :function 如下
无返回无参数函数
function 函数名称(){}
无返回有参数函数 参数定义 不需要var
function 函数名称(参数一,参数二){}
有返回无参数函数
function 函数名称(){return 返回结果}
有返回有参数函数
function 函数名称(参数1,参数2){return 返回结果}
调用函数步骤
直接方法名调用即可 例:over();
可借助js点击事件触发调用
二,BOM
BOM概述:浏览器对象模型 是js三大部分之一
BOM作用:可以获取浏览器相关信息(屏幕,导航,历史记录等)
BOM下的常用对象:window,history,location
- window对象是BOM顶层对象
- history和ocation是widow中的子对象
- window对象中的常用方法:alert,confirm,prompt
- 自定义的方法和属性最终都会成为window对象的一部分
window中的方法及使用
open();打开一个新窗口
function myOpen(){ //点击按钮打开新窗口:4399 // window.open("http://www.4399.com"); window.open("http://www.baidu.com","low",'height=400,width=500');
myClose();关闭网页
function myColse(){ var flag=window.confirm('你确定要分手吗?'); if(flag){ window.close(); } }
location:获取或设置url浏览器地址
window.onload=function(){ //获取当前网页的URL地址 var url=window.location.href; console.log(url); }
history:代表浏览器的历史信息,实现上一步/刷新/下一步操作
history:代表浏览器的历史信息,实现上一步/刷新/下一步操作 function next(){ history.forward();//前进 } <button onclick="next();">前进<button> function back(){ historward.back();//返回 } <button onclick="back();">返回<button>
window对象的定时器(倒计时)
setTimeout(回调函数,毫秒值)---一次性
setInterval(回调函数,毫秒值)---永久性(可以一直用)
var timer=window.seTimeout((){ console.log('好好学习') },3000); //关闭定时器 function myClearTimeout(){ window.clearInterval(timer); }
window对象的特殊事件:加载事件onload(一个网页只能有一个)
window.onload=function(){ var Odiv=document.getElemenById("oDiv"); console.log(odiv.innerHTML); };