遵义服务好的网站建设公司,美容加盟网站建设,中山服装网站建设,上海建设局网站首页一、JS的HelloWord 1、JS的代码需要编写到script标签中 2、JS的执行是根据语句从上到下一次执行的。
二、JS的编写位置 1、可以将js代码编写到标签的onclick属性中#xff0c;当我们点击按钮时#xff0c;js代码才会执行。 2、可以将js代码写在超链接的href属性中#xff0…一、JS的HelloWord 1、JS的代码需要编写到script标签中 2、JS的执行是根据语句从上到下一次执行的。
二、JS的编写位置 1、可以将js代码编写到标签的onclick属性中当我们点击按钮时js代码才会执行。 2、可以将js代码写在超链接的href属性中这样当点击超链接时会执行js代码。 3、虽然可以写在标签的属性中但是他们属于结构与行为耦合不方便维护不推荐使用。 4、可以将js代码编写到script标签中。 5、可以将js代码编写到外部的js文件中然后通过script标签引入。 6、写到外部文件中可以在不同的浏览器中同时引用也可以利用到浏览器的缓存机制推荐使用这种方式。 7、script标签一旦用于引入外部文件了就不能再编写代码了即使编写了浏览器也会忽略。如果需要则可以再创建一个新的script标签用于编写内部代码。 三、基本语法 1、JS中的注释注释中的内容不会被执行但是可以在源代码中查看要养成良好的编写注释的习惯也可以通过注释来对代码进行一些简单的调适。 ① /* */ 表示多行注释 ② // 表示单行注释 2、JS中严格区分大小写。 3、JS中每一条语句以分号 结尾。 ——如果不写分号浏览器会自动添加但是会消耗一些系统资源而且有些时候浏览器会加错分号所以在开发中分号必须写。 4、JS中会忽略多个空格和换行所以我们可以利用空格和换行对代码进行格式化。 四、字面量和变量 1、字面量一些不可改变的值比如1 2 3 4 5 ······ 字面量都是可以直接使用的但是我们一般不会直接使用字面量。 2、变量可以用来保存字面量而且变量的值是可以任意改变的。更加方便我们使用所以在开发中都是通过变量去保存一个字面量而很少直接使用字面量。可以通过变量对字面量进行描述。 3、声明变量在js中使用var关键字来声明一个变量。 声明和赋值也可以同时进行。 五、标识符 1、在JS中所有的可以由我们自主命名的都可以称为是标识符例如变量名、函数名、属性名都属于标识符。 2、命名一个标识符时需要遵守如下规则 ① 标识符中可以含有字母、数字、_ 、$。 ② 标识符不能以数字开头。 ③ 标识符不能是ES中的关键字和保留字。 ④ 标识符一般都采用驼峰命名法 ——首字母小写每个单词的开头字母大写其余小写。【如helloWorld 、 xxxYyyZzz】 3、JS底层保存标识符时实际上是采用的Unicode编码所以理论上讲所有的utf-8中含有的内容都可以作为标识符可以用中文但不建议。
六、数据类型 1、数据类型指的就是字面量的类型。 2、在JS中一共有六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中 String Number Boolean Null Undefined 属于基本数据类型而 Object 属于引用数据类型。 3、String 字符串
① 在JS中字符串需要使用引号引起来使用双引号或者单引号都可以。 ② 引号不能嵌套双引号里面不能放双引号单引号里面不能放单引号。正确使用如下 ③ 在字符串中我们可以使用 \ 作为转义字符当表示一些特殊符号时可以使用 \ 进行转义。 \ 表示 \ 表示 \n 表示换行 \t 表示制表符相当于一个Tab \\ 表示 \ ④ alert“str” 表示输出字面量 字符串str alertstr 表示输出变量str 4、Number 数值
① 在JS中左右的数值都是Number类型包括整数和浮点数小数。 ② var a 123 表示数字123 var a “123” 表示字符串123
③ 可以使用一个运算符 typeof 来检查一个变量的类型。 语法 typeof 变量 检查字符串时会返回 string 检查数值时会返回 number 。 ④ JS中可以表示的数字的最大值—— Number.MAX_VALUE 【表示数值为1.7976931348623157e308】
⑤ 如果使用 Number 表示的数字超过了最大值则会返回一个 Infinity 表示正无穷同理-Infinity表示负无穷。使用typeof检查Infinity也会返回Number。
⑥ NaN是一个特殊的数字表示 Not A Number非数值使用typeof检查NaN也会返回Number。
⑦ Number.MIN_VALUE 大于0的最小值 【表示数值为5e-324】
⑧ 在JS中整数的运算基本可以保证精确如果使用JS 进行浮点数运算可能得到一个不精确的结果所以千万不要使用JS进行对精确度要求比较高的运算。 5、Boolean 布尔值
① 布尔值只有两个【true 表示真 false 表示假】主要用来做逻辑判断。
② 使用 typeof 检查一个布尔值时会返回 boolean 。 6、Null 空值
① Null类型的值只有一个就是null。
② null这个值专门用来表示一个为空的对象。
③ 使用 typeof 检查一个null值时会返回 object 。 7、Undifined 未定义
① Undifined类型的值只有一个就是undefind
② 当声明一个变量时但是并不给变量赋值时它的值就是undefined。
③ 使用 typeof 检查一个 undefined 时也会返回 undefined 。 七、强制类型转换 1、指将一个数据类型强制转换为其他的数据类型。 2、类型转换主要指将其他的数据类型转换为 String 、 Number 、 Boolean 。 3、将其他的数据类型转换为String 方式一
① 调用被转换数据类型的 toString 方法。 【调用xxx的yyy方法就是 xxx.yyy】
② 该方法不会影响到原变量它会将转换的结果返回。
③ 但是要注意 null 和 undefined 这两个值没有 toString 方法如果调用他们的方法会报错。 方式二
① 调用 String 函数并将被转换的数据作为参数传递给函数。
② 使用 String 函数做强制类型转换时对于 Number 和 Boolean 实际上就是调用的 toString方法但是对于 null 和 undefined 就不会调用 toString方法它会将 null 【字面量】直接转换为 “null”【字符串】将 undefined 【字面量】直接转换为“undefined”【字符串】。 4、强制转换为Number 方式一 使用 Number 函数。
① 字符串转换为数字 —— 如果是纯数字的字符串则直接将其转换为数字 —— 如果字符串中有非数字的内容则转换为NaN —— 如果字符串是一个空串或者是一个全是空格的字符串则转换为0。
② 布尔值转换为数字 —— true 转换为1 —— false 转换为0
③ Null 转换为数字 0
④ undefined 转换为数字 NaN
⑤ 调用 parseInt函数将含有数字和非数字的数字部分转换为Number 方式二
① 这种方式专门用来对付字符串
② parseInt 把一个字符串转换为一个整数可以将一个字符串中的有效的整数内容取出来然后转换为Number。 parseFloat 把一个字符串转换为一个浮点数。作用和 parseInt类似不同的是它可以获得有效的小数。
③ 如果对非 String 使用 parseInt 或 parseFloat它会先将其转换为 String 然后再操作。 5、强制转换为Boolean 方式一
① 使用 Boolean 函数
② 数字转换为布尔值除了 0 和 NaN 其余都是true。
③ 字符串转换为布尔值除了空串其余都是true。
④ null 和 undefined 都会转换为false。
⑤ 对象也会转换为 true 。 方式二 隐式类型转换为任意的数据类型做两次非运算即可将其转换为布尔值 八、其他进制的数字 1、在js中如果需要表示16进制的数字则需要以 0x 开头。 2、如果表示8进制的数字需要以 0 开头。 3、如果表示2进制的数字需要以0b开头但不是所有的浏览器都支持。 4、像“070”这种字符串有些浏览器会当成8进制有些会当成10进制进行解析可以再parseInt中传递一个第二个参数来指定数字的进制。 本文的分享就到这里下一节继续分享关于JavaScript初级知识的学习。
