您的位置：首页 > Web前端 > JavaScript

JavaScript知识点总结

2017-07-17 08:49 211 查看


JavaScript

对于编程语言的认识 

一门成熟的编程语言应该具备：变量、数据类型、运算符、控制语句（顺序结构、选择判断结构、循环结构）、自成体系的API
JavaScript的作用
对DOM进行操作（DOM:Document Object Model）:通过事件驱动页面模型发生变化（DOM树中元素的增删改查，特别是改：改内容，改样式），JavaScript能操作DOM的原因在于JavaScript实现了DOM相关操作的接口，能满足对DOM的操作。
业务逻辑的处理


需要掌握的内容

JavaScript是个弱语言，而且书写非常的随意。

弱语言体现在变量是没有准确的数据类型定义的。通过var命令定义。

1
var flag = 'abc';
2
flag = 12;
3
flag = true;
4
flag = {name:'Tom'};
5
flag = function() {
6
   alert("Hello,JavaScript");    
7
};
关于JavaScript的判断条件在条件表达式中，数字0和非0也可以表现为false和true。在条件表达式中，数字0和非0也可以表现为false和true。
只需要运用if-else结构即可。
三运运算符是需要熟练掌握的，其本质是个表达式
表达式是有返回值（结果）的

数据类型数据类型其本质就是在内存中存储的结构是不一样的，在使用者开来，对于不同的业务需求，可以选用不同的数据类型定义变量。
数值型（精度问题的要注意，比如执行 0.3 + 0.2）
字符型（拼接使用+）
布尔类型：0和非0也能表现假和真
对象类型：要充分理解下面一段代码的意思
函数类型



1

var obj = {


2

   name : "Tom",


3

   age : 12,


4

   eat : function () {


5

       console.log("eat");


6

   }


7

}


8

​


9

var tt = function(){}


10

​


11

var Login = function() {


12

​


13

   var tableInit = function(){console.log("tableInit")};


14

​


15

   return {


16

       init : function() {


17

           tableInit();


18

       }


19

   };


20

}();


21

​


22

Login.init();


DOM操作
通过选择器定位元素（知道有相关的方法找到元素）
对选择的元素进行处理

大部分的DOM处理时围绕以下三种节点类型操作的

1
Element：网页的各种HTML标签（比如：<body> <h> <a> <div>）
2
Attribute：网页元素的属性（比如：id=”id” class=”class” type=”text”）
3
Text：标签之间或标签包含的文本
DOM的遍历 
在DOM元素上定义ID属性，通过ID选择器查找（虽然在网页中允许重复ID的出现，但是要避免这种现象的出现） 
ID在定义的时候尽量要起的稍微复杂一些，满足一个标准的规范定义。 
在一个元素范围内查找元素，使用jQuery的find方法



1

<form id="form1">


2

 <input type="text" name="username"/>


3

</form>


4

​


5

<form id="form2">


6

 <input type="text" name="username"/>


7

</form>


8

<input type="button" value="click" onclick="show();"/>


9

​


10

function show() {


11

   var u1 = $("#form1").find("input[name='username']");


12

   var u2 = $("#form2").find("input[name='username']");


13

   alert(u1.val());


14

   alert(u2.val());


15

}


通过Class定位元素，

DOM增加操作 

添加一个Element节点 

设置一个节点的样式属性
DOM删除操作 

删除一个Element节点 

通过获取到父节点，删除其子节点
JavaScript中方法的调用是不受方法定义中参数的约束的。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                javascript
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航