当前位置: 代码迷 >> 综合 >> Day01——Javascript基础语法
  详细解决方案

Day01——Javascript基础语法

热度:38   发布时间:2023-12-06 10:29:08.0

一,什么是javascript?

是一门弱类型 解释型 轻量级的脚本语言

二,作用,是做页面的交互,行为特效和数据的交互的

       什么交互?  操作交互(生成特效)和数据交互(造成的结果就是动态的渲染)

三,历史:ES6 是一个非常重要的javascript版本,对于javascript的功能有很大的提升

四,组成: 1.ECMA script:  是javascript基本语法

                   2.DOM:  是javascript操作html文档的方法

                   3.BOM:javascript操作浏览器的方法

五,基本语法:

1.行内式:直接引入,注意:1.href属性值 必须定义为 JavaScript: 2.要么就组织默认事件的执行

  <!-- 写在 a 标签的 href 属性上 --><a href="javascript:alert('我是一个弹出层');">点击一下试试</a>?
<!-- 写在其他元素上 --><div onclick="alert('我是一个弹出层')">点一下试试看</div>
?<!--    注:onclick 是一个事件(点击事件),当点击元素的时候执行后面的 js 代码-->

2.内部式

<!-- 在 html 页面书写一个 script 标签,标签内部书写 js 代码 -->
<script type="text/javascript">alert('我是一个弹出层')
</script><!--注:script 标签可以放在 head 里面也可以放在 body 里面
一般script定义在html标签下方
-->

3.外部式 src引入

在外部js   文件中定义javascript代码   通过script标签  src属性 导入外部文件../.文件.扩展名

定义了src属性的标签,不会执行内部样式

六,调试方式

window .alert()    警示框/对话框

document.write()  页面输出

console .log()         控制台输出

七, 变量(严格区分大小写)

1.定义在内存中带有名称数据信息,其中存储的数据在执行的过程中是可以改变的

2.变量就是容器:存储数据的容器,带有名称  其中数据可以改变的,计算机程序中的数据不能独立存在,必须要有容器存储数据

3.内存是临时存储数据  程序执行数据存在   ;程序关闭或者 不执行关机、断电 数据就会被释放/删除   不存在

内存的存储容量小于   硬盘   但是   数据的处理速度大于硬盘

4.语法

var 变量名称 = 表达式;

var  声明变量的关键词   必须要写

变量名称:

=  赋值符号   将右侧表达式的执行结果赋值给邹策

-1.规则: 必须遵守的,不遵守就是错> 1. 一个变量名称可以由 **数字**、**字母**、**英文下划线(_)**、**美元符号($)** 组成> 2. 严格区分大小写> 3. 不能由数字开头> 4. 不能是 **保留字** 或者 **关键字**> 5. 不要出现空格-2. 规范: 建议遵守的(开发者默认),不遵守不会报错> 1. 变量名尽量有意义(语义化)> 2. 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写> 3. 不要使用中文   本地运行可识别,后续上传服务器不行,所以不能使用

七,数据类型:

简单数据类型

1.布尔数据类型(Bool/boolean)只有两个(true 或者 false) 必须小写  不加引号

2.字符串 (string)  使用定界符包裹的内容,‘’ “”  不能换行   可以解析变量  不能嵌套自身

3.数值类型(number)

             a.整数:二进制数值前添加 0b/0B 

                        八进制 数值前添加 0o/00   

                        十进制  直接存储默认是十进制

                        十六进制     数值前添加 0b/0b

                     

 

            b.浮点数: (小数) 有效数值一共最多17位     误差永远存在     科学计数法  数值e数值 

                                 存储方式是以近似值的形式存储数据

                                  浮点数直接参与   运算/比较判断     一定会存在误差  实际项目中,浮点数要经过特殊处理

                                    科学计数法  数值e数值 

 

5.NaN  (not a number):表示结果是数据类型 但是不是一个具体数值  两个NaN 作计较结果是false   有他参与的运算一定是NaN

6.null(null)只有一个,就是null   表示空的意思

7.underfind类型     只有一个   表示没有值

复杂数据类型

  1. 对象类型(object)

  2. 函数类型(function

  相关解决方案