关于js的一点用法

标签：匿名   UNC   block   语言   参与   嵌入   var   数据   区分大小写   

1. JavaScript简介

   • js是一种弱类型语言，也是一种动态类型语言，js是一种基于对象和事件驱动的脚本语言。弱类型是指它对数据类型的要求不高，动态类型语言是指它在运行期间可以任意赋值。

2. 基本语法

   • 变量

     • 语法：使用var声明变量 ，eg:var i = 100; var s = "s";

       • 注意：变量名区分大小写，使用期间可以任意赋值，可以不声明就直接赋值使用（不建议）。

     • 函数

     •  

       • 声明函数     使用function声明

         • 有名函数：function methodName(){}

         • 匿名函数: function (){}

       • 使用函数

         • 调用有名函数

           • methodName()|methodName区别，前者直接调用函数，后者使用函数的引用。

           • 注意：js中调用函数时，不检查形参与实参的匹配情况

             1. 形参个数<实参个数:自动忽略多余的实参

             2. 形参个数>实参个数：

                • 实参类型为number型，返回：NaN（not a number）

                • 实参类型为string型，返回：值+undefined

         • 调用匿名函数

           • 直接使用事件关联匿名函数：window.onload = function(){}

           • 使用变量名（引用）关联匿名函数：var methodName = function(){}

     • 对象

       • 函数也是对象：function methodName(){}，methodName.name

       • js中声明对象

         1. var obj = new Object()

         2. var jsonObj = {key:value,key2:value2} jsonObj.key

3. 事件

   • window.onload:加载事件。当前文档完全加载后执行。当前文档完全加载后执行，只能执行一次，不然会覆盖。
                 完全：指的是包含图片，音频，视频等

     • element.onclick:单击事件

4. js嵌入方式

   • 行内：书写在事件属性中，eg:<input onclick="alert()">

     • 内部: 书写在<script>标签中

     • 外部：书写在xxx.js文件中，引入外部的js文件<script type="text/javascript" src="demo.js"></script>
                                                    如果script标签中有src属性，此时该标签的作用为引入外部js,不能在该标签中书写js代码。

     • 优先级：就近原则

5. DOM

   • Document Object Model文档对象模型，dom内容皆是节点
                     * 节点
                         * 文档节点：document
                         * 元素节点：element
                         * 文本节点：text
                         * 属性节点：attribute
                     * dom查询
                         * 基于整个文档查询
                             1. getElementById():通过id查询
                             2. getElementsByTagName()：通过标签名查询
                             3. getElementsByName()：通过name值查询
   •                       基于元素节点查找元素
   •                            子元素

     • • • childNodes:所有子节点

         • firstChild:

         • lastChild:

         • getElementsByTagName()

       • 父元素

         • parentNode

       • 兄弟元素

         • previousSibling：前

         • nextSibling后

     • js操作文本 .innerText （文本）.innerHTML （文本+html结构）.value

关于js的一点用法

标签：匿名   UNC   block   语言   参与   嵌入   var   数据   区分大小写   

原文地址：https://www.cnblogs.com/zjwei/p/14488958.html