黑马程序员技术交流社区

标题: 【成都校区】随手笔记 [打印本页]

---

作者: 陈靖仇是你爸爸    时间: 2018-12-21 09:28
标题: 【成都校区】随手笔记
最近在学习前端相关知识:1、基本对象
function,Array,Boolean,Date,Math,Number,String,RegExp,Global等
2、函数定义
方式一： 函数调用可以在任意位置
function 函数名(){
函数体;
}
方式二：表达式定义---先定义，后调用，函数的调用一定是在定义后
var fn = function(){
函数体;
}
方式二： var fun = new Function(形式参数列表,方法体);(知道就行,不常用)
3、函数的调用
函数名([参数]);
函数的调用还可以通过事件来调用
4、函数和事件的关系
所有的事件都会依赖与某个函数来执行
5、js中的事件三要素
事件源 ： 一般是一个名词 开关
事件 ： 一般是一个动作，动词 按下
事件处理程序 ： 函数的功能
6、js中常见的事件：
        1. 点击事件：
            1. onclick：单击事件
            2. ondblclick：双击事件
        2. 焦点事件
            1. onblur：失去焦点
            2. onfocus:元素获得焦点。
        3. 加载事件：
            1. onload：一张页面或一幅图像完成加载。
        4. 鼠标事件：
            1. onmousedown    鼠标按钮被按下。
            2. onmouseup    鼠标按键被松开。
            3. onmousemove    鼠标被移动。
            4. onmouseover    鼠标移到某元素之上。
            5. onmouseout    鼠标从某元素移开。  
        5. 键盘事件：
            1. onkeydown    某个键盘按键被按下。   
            2. onkeyup        某个键盘按键被松开。
            3. onkeypress    某个键盘按键被按下并松开。
        6. 选择和改变
            1. onchange    域的内容被改变。
            2. onselect    文本被选中。
        7. 表单事件：
            1. onsubmit    确认按钮被点击。
            2. onreset    重置按钮被点击。
7、事件用法
1、 将事件写到标签内部 -- 执行某个事件时直接调用函数
2、 找到某个元素.事件 = function(){ ... } 事件源.事件 = 事件处理程序
通过 id 方式找到要操作的元素：
document.getElementById("id名")
8、通过js操作元素的样式、属性、内容
操作样式：obj表示要操作的标签元素
obj.style.样式名称 = "值" 样式名写法：小驼峰 fontSize backgroundColor
属性操作：
obj.属性名 = "值" 操作图片的路径： oImg.src = ""
内容操作：
操作表单的内容： obj.value = "值"
操作普通标签内容： obj.innerHTML = "值"
this 指向的是事件的触发者
名.say = function(){
this is 名......
}
9、函数的参数
形式参数（形参）
形参一般出现在函数定义中
形参一般是一个变量
实际参数（实参）
实参一般出现在函数调用中
实参可以是变量，常量、表达式，但要求一定要有值
参数的传递是 将实参传递给形参，传递时一一对应
当实参的个数大于形参个数时，多余的实参自动舍去
当形参的个数大于实参个数时，多余的形参值为undefined
10、函数的种类
一般函数分为 系统函数 和 自定义函数
系统函数： alert() prompt() .......
11、函数的返回值
如果一个函数的结果 有其它用途时，可以将这个函数的结果返回
通过 return 返回函数的结果
一个函数可以没有返回值
如果函数有返回值，只能有一个
一个函数 遇到return，return后面的代码不会执行
12、函数中的实参副本
arguments
说明：
1、arguments只能在函数体内部使用
2、arguments代表的是所有的实参，和形参没有关系
3、arguments 是一个对象，而不是一个数组
4、arguments使用时类似数组的方式 arguments[下标]，下标从0开始
5、arguments.length 可以获取实参的个数 通过 函数名.length 获取是形参个数
13、变量的作用域（作用范围）
变量作用域： 全局变量、局部变量

全局变量：
变量从程序开始到程序结束均有效。
在函数体外面定义的变量都是全局变量。
隐式全局变量：在函数体内部没有用var定义的变量。
局部变量（私有变量）：
在函数体内部通过var明确定义的变量。
局部变量的作用范围就是在该函数体内部。
所有的形参都是局部变量。
局部变量的优先权高于全局变量。

var m = 90;
function fun(m){
m++;
alert(m); 81
}
fun(80);

14、变量的提升
在函数体内部定义的变量，会将变量提升到函数的最顶端，只提升声明，但不赋值。

function fun(){
alert(m);
var m = 10;
alert(m);
}
fun();
等价于：
function fun(){
var m;
alert(m);
m = 10;
alert(m);
}
fun();

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2