javascript02

1.函数(function)

函数: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

2.函数的声明

函数使用跟变量一样,需要 声明

3.自定义函数

function fun(){

alert("我是自定义函数")

}

fun();//函数不调用,自己不执行

4.函数直接量声明

var fun1 =function(){

alert("直接量声明")

}

fun1();也需要调用

5.利用Function关键字声明

var fun2 =new Function("var a = 10; var b = 20; alert(a+b)");

fun2();

6.变量声明提升

在函数体内部,声明变量,会把该声明提升到函数体的最顶端。 只提升变量声明,不赋值。

function fun(){

console.log(num);

var num = 20;

}

相当于---

function fun(){

var num;

console.log(num);

Num = 20;

}

列如:

var a =18;

f1();

function f1(){

var b=9;

console.log(a);

console.log(b);

var a='123';

}

结果是:undefined  9

7.函数参数


arguments是存储了函数传送过过来实参

Javascript在创建函数的同时,会在函数内部创建一个arguments对象实例.

arguments对象只有函数开始时才可用。函数的arguments对象并不是一个数组,访问单个参数的方式与访问数组元素的方式相同

arguments对象的长度是由实参个数而不是形参个数决定的


8.返回值return

定义:一个函数实际上就是一个计算过程,计算完成之后的结果就是返回值。

定义函数的返回值:在函数内部用return来设置返回值,一个函数只能有一个返回值。

同时,终止代码的执行。

所有的自定义函数默认没有返回值;

Return后面不要换行

function$(id){

returndocument.getElementById(id);

}

$("demo").style.backgroundColor='purple';

$("test").style.backgroundColor="blue";

案列:

var total=10;

var number = square(5);

alert(number);

function square(n) {

total = n*n;

return total;

}

结果是25

9.算术运算符

+  -  *  /    %    ^

1+1 = 2

5%2 ==  1

2%5  ==  2

2^3

A++  ++后置       每次自加1先运算后自加

++a   ++前置       每次自加1先自加 后运算

分析代码,得出正确的结果。

var a=10, b=20 , c=30;

++a;

a++;

e=++a+(++b)+(c++)+a++;

alert(e);

77

10,.条件语句(if)

If(条件表达式)  {语句;}

If() {}else {}

If()  else if(){}  else if(){} else {}

11.获得焦点  失去焦点 事件


12.this (自己的)

指的是本身

This主要是指事件的调用者 。

className类名

$("result").className="wrong";

innerHTML

更换 盒子里面的内容    文字 标签都换.

表单更换内容

Input.value

isNaN    nan不是一个数字is是   是 不是一个数字

isNaN(“12”)如果里面的不是个数字 返回true否则返回false

13.属性和方法

方法:

手机 打电话   发短信  玩游戏   聊QQ看电影

动词   可以干什么

Iphone.tel();

方法和属性的区别:

方法一律带有小括号 。isNaN( );动词

方法给值:isNaN(“值”);

14.表单自动获得焦点

Txt.focus();方法

Onfocus事件

window.onload=function(){

vartxt=document.getElementById("txt");

txt.focus();//自动获得焦点

}

自动获得焦点:

15.鼠标经过选择表单

sele.onmouseover=function(){

this.select();//选择

}

方法select()选择功能

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,703评论 0 6
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,109评论 1 10
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,853评论 2 17
  • 三、闭包和高阶函数 3.1 闭包 3.1.1 变量的作用域 所谓变量的作用域,就是变量的有效范围。通过作用域的划分...
    梁同学de自言自语阅读 1,494评论 0 6