黑马程序员技术交流社区
标题: 【上海校区】Web前端基础(7):JavaScript(一) [打印本页]
作者: 梦缠绕的时候 时间: 2019-11-18 11:41
标题: 【上海校区】Web前端基础(7):JavaScript(一)
1.2 什么是JavaScriptJavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。
JavaScript被设计用来向HTML页面添加交互行为。
JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
JavaScript由数行可执行计算机代码组成。
JavaScript通常被直接嵌入HTML页面。
JavaScript是一种解释性语言(就是说代码执行不进行预编译)。
JavaScript的组成:
核心(ECMAscript):语法,语句。
文档对象模型(DOM):document object model,操作文档中的元素和内容。
浏览器对象模型(BOM):浏览器对象。
1.3 JavaScript的作用使用JavaScript添加页面动画效果,提供用户操作体验。主要应用有:嵌入动态文本于HTML页面、对浏览器事件作出响应、读取HTML元素、验证提交数据、检测访客的浏览器信息等。
1.4 JavaScript的引入在HTML文件中引入JavaScript有两种方式,一种是在HTML文档直接嵌入JavaScript脚本,称为内嵌式,另一种是链接外部JavaScript脚本文件,称为外联式。
1.内嵌式,在HTML文档中,通过<script>标签引入,如下:
- <html>
- <head>
- <script type="text/javascript">
- //此处为JavaScript代码
- </script>
- <title></title>
- </head>
- <body>
-
- </body>
- </html>
2.外联式,在HTML文档中,通过<script src="">标签引入.js文件,如下:
- <html>
- <head>
- <script src="js/ad.js" type="text/javascript" charset="UTF-8"></script>
- <title></title>
- </head>
- <body>
-
- </body>
- </html>
2. 基本语法
2.1 变量1.在使用JavaScript时,需要遵循以下命名规范:
必须以字母或下划线开头,中间可以是数字、字符或下划线。
变量名不能包含空格等符号。
不能使用JavaScript关键字作为变量名,如:function。
JavaScript严格区分大小写。
2.变量的声明
- var 变量名; //JavaScript变量可以不声明,直接使用。默认值:undefined
3. 变量的赋值
- var 变量名 = 值; //JavaScript变量是弱类型,及同一个变量可以存放不同类型的数据
2.2 数据类型数据类型包括:基本数据类型和引用数据类型。
基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。
当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值。
2.2.1 基本类型(1) number- var a = 123;
- //typeof 检查当前变量是什么数据类型
- console.log(typeof a)
- //特殊情况
- var a1 = 5/0;
- console.log(typeof e1) //Infinity 无限大. number类型
(2) string- var str = '123'
- console.log(typeof str)
(3) boolean- var b1 = false;
- console.log(typeof b1)
(4) null- var c1 = null;//空对象. object
- console.log(c1)
(5) undefined- var d1;
- //表示变量未定义
- console.log(typeof d1)
2.2.2 引用类型引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象。
JavaScript是基于对象而不是面向对象。对象类型的默认值是null。
JavaScript提供众多预定义引用类型(内置对象)。
后面的文章会讲解。
2.3 运算符JavaScript的运算符合python差不多,大家可以看我python基础中的运算符 python运算符
作者: 梦缠绕的时候 时间: 2019-11-18 11:41
有任何问题欢迎在评论区留言
作者: 梦缠绕的时候 时间: 2019-11-18 11:41
或者添加学姐微信
DKA-2018
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |