JavaScript自学心得一(基础、语法、函数,异常处理/事件处理)

一:JavaScript基础教程

1、JavaScript介绍:一种轻量级的编程语言、是可插入HTML页面的编程代码,JavaScript插入HTML页面后,可由所有浏览器执行。

2、JavaScript用法:HTML中脚本必须位于<script></script>标签中。脚本可以被放置在HTML页面的<body>或者<head>中。在HTML中不限制脚本使用数量,通常把脚本放到<head>中、以不干扰页面内容。

3、JavaScript输出:JavaScript通常同来操作HTML。文档输出:document.write("<p>this is my first JavaScript</p>");

4、JavaScript语法

①JavaScript语句向浏览器发送命令,告诉浏览器该做什么

②语句之间的分割是分号(;)JavaScript代码按照编写顺序依次执行

③JavaScript标识符必须以字母,下划线或美元符号开始。

书写对大小写非常敏感。JavaScript会忽略掉多余的空格。

5、JavaScript注释:①单行注释://  ②多行注释:/* */

6、JavaScript变量:①变量是用来储存信息的“容器”,(例如:var x =10; var y =10.1; var z ="Hello";)

7、JavaScript数据类型:①字符串String②数字Number③布尔Boolean④数组Array⑤对象Object⑥空null⑦未定义⑧可以通过赋值为null的方式清除变量。

二:JavaScript语法详解

1、JavaScript运算符

①算数运算符:+、-、*、/、%(取余)、++(自加)、--(自减) (备注:i++与++i、如果++在前先加再运算;如果++在后先运算再加)

②赋值运算符:=、+=、-=、*=、/=、%=  (备注:var m =   i+=j;等同于i+j)

③字符串操作(备注:任何类型与字符串相加都会被转换为字符串类型)

④比较运算符:==(比较的是值)、===(不仅比较值,还比较类型)、!=、!==、>、<、>=、<= (备注:它返回的是一个布尔类型,要么是真要么是假;)

⑤逻辑运算符:&& (与)、|| (或)、!(非:取反)

⑥条件运算符(三目运算符):例如(x<10? "x比10小":"x比10大"说白了 条件?满足条件输出:不满足条件输出)

2、JavaScript条件语句

①if.....else:写法   (备注:else可以继续嵌套if)                 

  if(条件){

满足条件时输出           

} else{

 不满足条件时输出

    }

②switch:写法   (备注:当条件不满足任何一个case,将执行default里的代码)

switch(条件){

            case 条件:

                     break;

            case 条件:

                       break;

                default :

                        break;

}

3、JavaScript循环语句

①for循环、for/in    (备注:可以把for里面的第一个条件拿出来放在外面,但是分号必须还在)

例如:var i=[1,2,3,4,5]

            for(var j=0; j<5; j++){

                    document.write( i [j] );

            }

②while循环、do....while   (备注:while是先判断再执行,do...while是先执行一次再判断)

while(判断语句){

        符合条件时执行的代码

}

4、JavaScript跳转语句

①break:跳出循环语句,不在继续执行。

②continue:跳出本次循环,继续进行下次循环。

③return:返回值之后的语句不再执行

三:JavaScript函数

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

2、定义函数: function  函数名 (){

                            函数体代码块;

                        }

3、函数调用:函数在定义好之后,不能自动执行,需要进行调用。

      调用方法:①在<script>标签内调用②在HTML文件中调用

4、带参数的函数:在函数的调用中,也可以传递值,这些值别称为参数。例如:demo(a,b);参数的个数可以为任意多,每个参数通过逗号“,”隔开。(备注:参数在传递时,其顺序必须一致)

5、返回值的函数:(返回值)有时候,我们需要将函数的值返回给调用他的地方(调用者),通过return语句来实现它。(备注:在使用return语句时,函数会停止执行,同时返回值)

6、局部变量和全局变量:局部变量:声明在函数方法内,当方法不调用时它会主动销毁,节省内存。全局变量:声明在函数方法之外的变量,在任何地方都可以使用,不会被主动销毁。


四:JavaScript异常处理和事件处理

1、异常捕获

①异常:当JavaScript引擎执行JavaScript代码时,发生了错误,导致程序停止运行。

②异常抛出:当异常产生,并且将这个异常生成一个错误信息。

③异常捕获:try{

                    发生异常的代码块 ;   

            }catch(err){

                    错误信息处理;

            }

④Throw语句:通过throw语句创建一个自定义的错误。

2、JavaScript事件:事件是可以被JavaScript监听到的行为,比如鼠标的点击、鼠标的移动.....

①常见的事件:onClick(单击事件)onMouseOver(鼠标经过事件)onMouseOut(鼠标移出事件)

onChange(文本内容改变事件)onSelect(文本框选中事件)onFocus(光标聚集事件)

onBlur(移开光标事件)onLoad(网页加载事件)onUnload(关闭网页事件)

































  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值