初识JS

Posted 2021-01-29 qiangwu66

　　   　javascript 简单的说就是适应动态网页制作的需要而诞生的，专门为制作Web网页而量身定做的一种简单的编程语言

　　　　1.概念 

　　　　我们知道JS的概念是 基于对象和事件驱动的客户端脚本语言。

　　　　什么是基于对象?　　在JS中，有句话叫处处皆对象，JS就是在这些对象的基础上创建对象；

　　　　什么是事件驱动？　  当产生一种事情的时候，或者说触发了某种事件时调用程序，函数处理事件，达到一定效果的过程。

　　　　什么是客户端脚本语言？　　脚本是一条条文本命令，你能够看见和编辑它，但是它自己不能自己运行，把它比喻成一个寄生虫，只能依靠宿主才能存活，而计算机的客户端就是这样一个宿主，故称为客户端脚本语言。

　　　　2.JS 能做什么操作?

　　　　1>表单验证 　　2>交互式操作 　　3>网页特效 　　4>服务器脚本开发　　 5>web游戏   等

　　　　3.JS的特点

　　　　1.JS是解释型脚本语言（代码不进行预编译）

　　　　2.JS具有跨平台的性质

　　　　3.具有安全和简单的特性

　　　　4.主要用来向html页面添加交互行为

　　　　4.基本语法

　　　　　　4.1 组成部分

　　　　　　　　ECMAScript,由ECMA-262定义，提供核心语言功能。

　　　　　　　　DOM，提供访问和操作网页的内容的方法和接口。

　　　　　　　　BOM ，提供浏览器交互的方法和接口　　　　

　　　　　　4.2 如何引用JS？

　　　　　　　　1.行内引入脚本　　 2.内部引入脚本<script></script> 　　

　　　　　　　　3.外部引入脚本<script src = “文档路径”></script> 注:外部引入时，标签尽量不要写入内部

　　　　　　4.3 在JS中如何输出内容

　　　　　　　　1.alert（） 以警告框的形式输入内容，主要用于代码调试 　　缺点：中断后面代码的执行

　　　　　　　　2.document.write（） 在页面中输出 　　缺点：影响页面当前布局

　　　　　　　　3.console.log（） 在控制台输出，不影响用户体验，主要用于代码调试，会输出对象的详细信息。　　　　　　

　　　　　　4.4 在JS中输出中如何进行换行

　　　　　　　　 <br>:  在页面中换行　　 ：用于JS输出中换行   console.log("abc"xyz"def opq")　　

　　　　　　　　 :  转义符，将具有特殊含义的符号转为普通字符 　　 :  一个空8个空格   console.log("abc"xyz"def opq")   

　　　　　　4.5 数据类型有哪些？

　　　　　　　　基本数据类型：Number，String Boolean

　　　　　　　　特殊数据类型：Null Undefined

　　　　　　　　复合数据类型：Object

　　　　　　4.6 关系运算符

　　　　　　　　a.  > < >= <=    b.  == !=    c.   === !== 

　　　　　　　　优先级：！++ --　　 * / %　　　- +　　 > < >= <= 　　==  !=  ===  !== 　　&&  ||　　

　　　　　　　　=   +=   -=   *=   /=   %=

　　　　　　　 a.

　　　　　　　　　　1.Number与String，String先转为Number，再比较。 2.String与String，从左到右依次比较。

　　　　　　　　　　var a = prompt("请输入","2")；

　　　　　　　　　　var b = ‘14‘；

　　　　　　　　　    if(a < b){

　　　　　　　　　　　　 console.log("a < b")；

　　　　　　　　　　}else{

　　　　　　　　　　　　　console.log("a > b")；

　　　　　　　　　　}　　　　　　　　　　　　// a > b

 

　　　　　　　 b.

　　　　　　　　　　只比较结果，结果相等，返回true

　　　　　　　　　　注： console.log(NaN == NaN)//false　　console.log(null == undefined)//true　

　　　　　　　　　　 console.log(null == 0)//false 　　console.log(null == false)//false　　

　　　　　　　　　　console.log(document.getElementById(‘unExistElement‘))//null

　　　　　　　c.

　　　　　　　　　　先比较数据类型，再比较结果。

　　　　　　4.7 数据类型转换