JavaScript函数、BOM

【函数的声明和调用】
1.>>>函数声明的格式:形参可以不用var声明
    使用function关键字声明:
    function 函数名 (参数1,参数2,......){
      //函数体
    return 结果;
    }

>>>函数调用格式:
函数名(参数1的值,参数2的值,......)

2.函数声明的几点强调
① 函数名的声明必须符合小驼峰法则(首字母小写,之后每个单词首字母大写);
② 参数列表,可以有参数,可以无参数。分别称为有参函数,无参函数。
③ 声明函数时的参数列表,称为"形参列表"(变量的名);
 调用函数时的参数列表,称为"实参列表"(变量的值);
 函数中,实际有效的参数取决于实参的赋值,未被赋值的形参,将为undefined

④ 函数如果需要返回值,可用return返回结果。
调用函数时,使用变量 var 变量名 = 函数名(); 接收返回结果,
如果函数没有返回值,则接收结果为undefined

⑤ 函数中变量的作用域:
在函数中,使用var声明的变量,默认为函数的局部变量,只在函数内部使用;
不用var声明的变量,默认为全局变量(函数中的全局变量,必须在函数调用后才能使用)
函数的形参列表,为函数局部变量,只在函数内部使用。

⑥ 函数的声明和调用没有先后关系,即函数的调用可以在声明之前。

【匿名函数的写法】
1.声明一个匿名函数,直接赋给某个事件。
  window.onload = function (){}
  事件后面的函数当然可以是任意函数,可以是常规函数调用。
  window.onload = func();

2.使用函数表达式,声明匿名函数:
  声明函数:var func = function(){}
  调用函数:func(); //相当于函数名
  >>>使用匿名函数表达式,调用语句,必须在声明语句之后,否则报错(对比常规函数声明与调用的区别?)

      使用函数表达式可以实现函数名和函数声明的分离,使得函数更加灵活

3.使用自执行函数,声明并直接调用匿名函数:
  ① !function (){ //函数体 } (); //使用任意运算符开头,推荐使用!
  ② (function (){ //函数体 } () );//使用()将匿名函数及之后的括号包裹
  ③ (function (){ //函数体 }) (); //使用()只包裹匿名函数表达式
三种写法特点:
  ① 结构清晰,开头加!,结尾加()。结构清晰 推荐!
  ② 可以表明匿名函数与之后的()为一个整体。 推荐!
  ③ 无法表明函数与之后的()为一个整体。 不推荐!

>>>1无法调用有参函数 2,3可以调用有参函数

【arguements对象】
1.作用:用于保存调用函数时,所赋值的实参列表
  >>> 当调用函数,并使用实参赋值时,实际上参数已经保存到arguements数组中,即使没有形参,也可以使用arguments[n]的形式调用参数。

2.arguments数组的个数取决于实参列表,与形参无关。(顺序从0开始)
但当第n个位置的形参、实参、arguement都存在时,形参与arguement都是同步的(即在函数中修改其中一个的值,另一个会同步变化)
>>>数组声明后,数组中数组长度以外的元素是undefined,或者可以说它们是未被赋值的数组元素

3.arguements.callee 是arguements的重要属性,用于返回arguments所在函数的引用;
  arguments.callee() 可以调用自身函数执行;

在函数内部调用函数自身的写法,被称为递归,所以arguments.callee()是递归调用时常用的方式。

【this】
指向函数调用语句所在作用域,函数的调用者

【screen对象的属性】

  console.log(screen.availHeight);//屏幕可用高度
  console.log(screen.height);//屏幕高度
  console.log(screen.availWidth);//屏幕可用宽度
  console.log(screen.width);//屏幕宽度

【location对象的属性】
完整的URL路径组成:
  协议://主机名(ip地址):端口号(不写,默认apache的80端口)
      /文件路径(pathname)?[传递参数](name1=value1)&(name2=value2)#[锚点]

console.log(location.href);     //完整路径
console.log(location.protocol);  //有 http: https: ftp: mailto: file:
console.log(location.pathname); //文件路径
console.log(location.port);     //端口号
console.log(location.search);   //从?开始后面的部分
console.log(location.hostname); //主机名(IP地址)
console.log(location.host);    //主机名+端口号
console.log(location.hash);    //从#开始的锚点

【navigator】:
  appName:产品名称
  appVersion:产品版本号
  userAgent:用户代理信息
  platform:系统平台
  plugins:检查浏览器安装的插件信息

  navigator.plugins:返回一个数组,数组存放浏览器安装的所有插件
  >>>主要的属性有:
    description:插件描述信息
    filename:插件在本地磁盘的文件名。
    length:插件的个数
    name:插件名

   navigator.mimeTypes 浏览器插件,所支持的文件类型
    description:MIME类型描述
    enabledPlugin:支持此类型的浏览器插件
    suffixes:此类型可能有的后缀名
    type:MIME类型的写法。如: image/x-icon text/css

【重点】window对象的常用方法:
  >>>window对象中的所有方法,均可以省略前面你的window,比如close();
    1.prompt():弹窗接收用户输入
    2.alert():弹窗警告
    3.confirm():带有确认/取消的按钮提示框
    4.close():关闭浏览器当前选项卡
    5.open():重新打开一个窗口,传入参数(url,name,窗口特征)
    窗口特征不同浏览器生效不同,所以可以不用

    6.setTimeout:设置延时执行,只会执行一次
    两个参数:函数名(无法传参),时间(表示延迟多少秒后执行)
    一个返回值:ID
    7.setInterval:设置定时器,每隔N毫秒执行一次
    两个参数,需要执行的函数的函数名(不要加实参列表的括号),或者直接写匿名函数。
    时间:时间间隔
    函数名作为参数进行传递,无法传参(回调函数)

    8.clearTimeout:清除延时执行
    一个参数:setTimeout返回的ID
    9.clearInterval:清除定时器
    传入一个参数:调用setInterval是返回一个ID,通过变量接受ID,作为参数传入clearInterval

时间: 2024-08-26 04:18:49

JavaScript函数、BOM的相关文章

Javascript之BOM(window对象)

摘自Rocky Ren 分享到 Javascript之BOM(window对象) ECMAScript是JavaScript的核心,但在web使用JavaScript,那么BOM(浏览器对象模型)才是真正的核心. BOM的核心对象是window,它表示浏览器的一个实例. 在浏览器中,window对象既是JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象.也就是说,在网页中定义的任何一个变量.对象和函数以window作为其Global对象. 1.全局作用域

JavaScript函数总结—越努力,越幸运!

JavaScript 函数总结 JavaScript为web的编程脚本语言. JavaScript由三部分组成:emc(语法) dom(文档对象模型) bom(浏览器对象模型). [函数的定义] 1.为了完成.执行代码段. 2.方便维护,有利于优化. 3.可以重复利用.[引入方法] 1.在body标签底部,是因为计算机是从上往下执行,先执行html和css文件,最后才执行js文件. <body> <script type="text/javascript" src=&

ABP展现层——Javascript函数库

ABP展现层——Javascript函数库 点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ABP的官方网站:http://www.aspnetboilerplate.com ABP在Github上的开源项目:https://github.com/aspnetboilerplate ASP.NET Boil

C#实现百度地图附近搜索&amp;调用JavaScript函数

前一篇文章"C#调用百度地图API入门&解决BMap未定义问题"讲述了如何通过C#调用百度API显示地图,并且如何解决BMap未定义的问题.这篇文章主要更加详细的介绍百度地图的一些功能,包括附近搜索.城市搜索.路线规划.添加覆盖物等等. 希望文章对你有所帮助!如果文章中有不足之处,还请海涵~ 百度官方文档:http://developer.baidu.com/map/jsmobile.htm 官方DEMO例:http://developer.baidu.com/map/jsde

JavaScript函数,作用域以及闭包

JavaScript函数,作用域以及闭包 1. 函数 (1). 函数定义:函数使用function关键字定义,它可以用在函数定义表达式或者函数声明定义. a. 函数的两种定义方式: * function functionName() {} * var functionName = function(){} b. 两种函数定义不同之处 1). 声明提前问题 函数声明语句   :声明与函数体一起提前 函数定义表达式 :声明提前,但是函数体不会提前 请看下面图示:绿色线上面实在js初始加载的时候,查看

HTML 学习笔记 JavaScript (函数)

函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块 实例 <!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点击这里</b

javascript 函数重载 overloading

函数重载 https://en.wikipedia.org/wiki/Function_overloading In some programming languages, function overloading or method overloading is the ability to create multiple methods of the same name with different implementations. Calls to an overloaded functi

第十篇--------javascript函数-参数

javascript函数的参数:形参,实参 //function 参数 //形参列表 function test(a,b,c,d){ //alert(test.length); //形参个数,4个 //函数的实际参数,内部就是用一个数组去接收函数的实际参数 //arguments 对象,可以访问函数的实际参数 //arguments 对象只能在函数的内部使用 alert(arguments.length); //2个 alert(arguments[0]); //10 alert(argumen

javaScript 函数重载

javaScript函数不支持重载.有时我们想像java.C等语言 一样定义 重载的方法,那么 我们就可以用其他的方式去定义 重载的函数. 当然,实现的方式 有好多种,每个人 可能不同.下面 我贴出我的实现及使用方法 和 大家交流. js 源码: /**  * 函数参数重载方法 overload,对函数参数进行模式匹配.默认的dispatcher支持*和...以及?,"*"表示一个任意类型的参数,"..."表示多个任  *意类型的参数,"?"一般

前端笔试题目总结——应用JavaScript函数递归打印数组到HTML页面上

数组如下: var item=[{ name:'Tom', age:70, child:[{ name:'Jerry', age:50, child:[{ name:'William', age:20 }] }, { name:'Jessi', age:30 }]}]; 输出的HTTML如下: 1 <ol> 2 <li>name:Tom</li> 3 <li>age:70</li> 4 <li>children: 5 <ol&g