文章目录
1.1 网页组成
TML、CSS和JavaScript分别代表了结构、样式和行为
- HTML:决定网页的结构和内容,相当于人的身体。
- CSS:决定网页呈现给用户的模样,相当于给人穿衣服、化妆。
- JavaScript:实现业务逻辑和页面控制,相当于人的各种动作。
1.2 JavaScript诞生
- 在1995年时,Netscape(网景)公司(现在的Mozilla)的布兰登·爱奇(BrendanEich)在网景导航者浏览器上首次设计出了JavaScript。Netscape最初将这个脚本语言命名为LiveScript,后来Netscape公司与Sun公司合作之后将其改名为JavaScript。
- Web开发领域中的一种功能强大的编程语言,主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。
特点:
- JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够快速完成程序的编写工
- JavaScript可以跨平台,它不依赖操作系统,仅需要浏览器的支持
- JavaScript支持面向对象,可以使JavaScript开发变得快捷和高效,降低开发成本
1.3 JavaScript组成
JavaScript由ECMAScript、DOM、BOM三部分组成
- ECMAScript:是JavaScript的核心。它规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵守的一套JavaScript语法工业标准
- DOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口,可以对页面上的各种元素进行操作
- BOM:浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM,可以对浏览器窗口进行操作
1.4 JavaScript使用方法
行内嵌入式:
事件名=“JavaScript代码”
页内嵌入式:
<script>
JavaScript代码
</script>
外部链接式:
-
先创建.js文件
-
通过标签将外部的js文件链接到页面中
1.5 JavaScript语法规则
- 严格区分大小写
- 对空格、换行、缩进不敏感,一条语句可以分多行书写
- 若一条语句结束换行书写下一条语句,语句后面的分号可以省略
- 单行注释:’//’
- 多行注释:以’/‘开始,以’/'结束;在多行注释中可以嵌套单行注释,但是不能嵌套多行注释
1.6 JavaScript的输入输出
输出语句:
- 消息框:alert(字符串);
- 确认消息框:confirm(字符串);
- 控制台输出:console.log(字符串)
输入语句:
- 输入消息框:prompt(字符串)
1.7 JavaScript变量
变量:程序在内存中申请的一块用来存放数据的空间。
变量的使用:声明变量(var)、变量赋值
直接使用一个未声明的变量,也可以正确输出变量的值——>JavaScript语言的特性
1、声明变量:var 变量名——>在内存中分配一个存储区
2、变量赋值:变量名=数据
var tep
tep="西安邮电大学"
3、声明变量的同时赋值:
var age=18,name="刘备"
注意:’+'的作用:
- 算术运算的加法:运算对象必须为数值型数据
- 连接符:可以将变量和字符串进行连接,连接的结果是一个字符串
var age=25
var str="年龄"+age
变量的命名规范:
- 由数字、字母、下划线和美元符号$组成
- 严格区分大小写
- 不能以数字开头
- 不能是关键字、保留字
- 要尽量做到“见其名知其意”
- 建议遵循驼峰命名法,首字母小写,后面单词首字母大写