js基础知识

最新推荐文章于 2024-08-23 16:53:29 发布

原创最新推荐文章于 2024-08-23 16:53:29 发布 · 224 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了HTML与JavaScript的基本结合方式，包括脚本嵌入、变量定义、数组操作、运算符使用、函数定义与调用、对象创建及事件绑定等核心概念。

1.html和js结合的两种方式

1》在head标签中或者 body标签中写 <script> </script>

2>将js代码写在其他地方。然后引入 <script src=""><script>

2.js中定义变量

用var 来定义变量，未赋值的标量的初始值为 undefined，为负值的变量可以赋值未所有类型。

js中的变量赋值没有严格要求。赋值为什么就是什么。

3.js数组

数组声明方式 var b=[]；定义一个空数组

var b=[1,true,“a”];定义赋初值。可以为所有类型

js中数组的长度是自动扩容的。根据你赋值最大的小标来扩容。

比如上面的第一个b b[5]=2；那么 b.length===6了。

4.关系运算符

> 大于 >= 大于等于 < 小于 <= 小于等于 != 不等于 == 等于 === 全等于

前面五个跟java是一样的。后面两个 == 做的是字面比较跟类型无关，===不单要做字面比较还要做类型的比较。

5.逻辑运算符

&& || !

与&& 假如值为真的话，则返回最后一个表达式的值

假如值为假的话，则返回第一个为假的表达式的值

|| 假如值为真的话，则返回第一个表达式为真的值

假如值为假的话则返回最后一个表达式为假的值

这个也存在短路，短路效果和java 是一样的。

6.函数

函数的定义方法

1.function 函数名(形参列表){

}

2.var fun=new Function("形参列表"，“函数体”);这种方法不常用。

3.var fun=function(形参列表){

}

js中不需要指定函数的返回值。直接有返回值的话在函数体中返回就行了。

js中函数的形参只需要写形参名。不需要写形参类型。

7.隐式形参

arguments 这个跟java中的可变形参是一样的。可以不写。也可以写很多参数，看代码

 /*定义一个函数计算无线个数字相加*/
            var sum=function(){
                var sum1=0;
                for(var i=0;i<arguments.length;i++){
                    if(typeof(arguments[i])=="number"){
                        sum1+=arguments[i];
                    }
                }
                return sum1;
            }
            alert(sum(1,2,3));

js中的函数无法重载。假如写了两个名字一样的函数，那么后面的函数会覆盖了前面的函数。

8.定义对象

三种方式

1》var obj=new Object();

变量名.属性=值；

变量名.方法=function(函数列表){

}

2》var obj={};定义一个空对

var obj={

属性名：值，方法名：function(){

}//用逗号隔开

}

3》

                function形式自定义对象
                    function 类名(){
                   this.属性名=值;
                   this.方法名=function(){

                   }
               }
               定义：var 变量名=new 类名();

访问：变量名.方法名/属性名.

访问属性变量名.属性名

访问方法变量名.方法名。

9.事件。

常用的事件有

onload 加载页面

onclick 单击事件

onchange 改变内容。一般用于select

onsubmit 提交时间。用于检查表单是否有误。有误的话则不提叫

onblur 光标丢失事件

绑定事件有两种方式

1.静态绑定：静态绑定指的是。在元素属性中假如事件名。以属性的方式绑定。