A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© Morn明 初级黑马   /  2018-12-13 09:11  /  643 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 Morn明 于 2018-12-13 09:16 编辑

最近在学习前端相关知识: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();



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马