前言
Javascript是一种客户端的脚本语言,他被广泛应用于Web页面交互用来实现动态内容的更新,多媒体控制、动画制作等。
正文
1.什么是javascript
javascript是一门客户端的脚本语言,用来提供web页面进行交互,可以创建动态更新的内容,控制多媒体,制作图像动画。
2.web页面的三层结构
1)结构层(html):提供页面结构
2)表现层(css):美化页面
3)行为层(js):提升用户体验
3.javascript历史背景
javascript作者:布莱登.艾奇
javascript诞生于1995年,起初它的目的是处理以前由服务器端负责的一些表单验证。在那个绝大多数用户都在使用调制解调器上网的时代,用户填写完一个表单点击提交,需要等待十几秒,然后服务器反馈给你某个地方填错了。在当时如果能在客户端完成一些基本的验证是令人兴奋的。当时走在技术最前沿的Netscape(网景)公司,决定开发一种客户端语音,用来处理这种简单的验证。当时就职于Netscape公司的布兰登,临时把LiveScript改名为JavaScript,所以从本质上来说JavaScript和Java没有什么关系。
4.JavaScript的组成
ECMAscript(欧洲计算机制造商协会):不是一门语音,是一个组织,用来规定js的语法规范
BOM(浏览器对象模型):BOM提供了独立于内容与浏览器窗口进行交互的对象,由于BOM主要用于管理窗口与窗口之间的通讯,因此核心对象是window。
DOM(文档对象模型):一种独立于语音,用于操作xml,html文档的应用编程接口。对于JavaScript,为了能够使JavaScript操作HTML,JavaScript就有了一套自己的dom编程接口。对于HTML,dom使得HTML形成一颗dom树,类似于一颗家族树一样,一层接一层。
DOM树结构图如下:
5.JavaScript代码位置注意
1)所有的js代码都要写在<script>的标签对中
2)script标签放到页面的任意位置(除了title标签中)
3)可以将js的代码写到 .js文件中,通过<script src=”xx.js”></script>,此标签对中的js代码就不会被识别出来。
6.JavaScript中几个输出语句
1)alert( ): 通过弹出对话框的方式输出信息
2)document.write( ):在浏览器中打印结果
3)console.log( ):控制台输出,一般用于调试中
7.js中的注释
JavaScript不会执行注释,可以添加注释来对JavaScript进行解释,或者提高代码的可读性。
1)// :单行
2)/**/ :多行
8.JavaScript中的字面量(常量)
1)数值
a)整数
十进制整数: 0 --9 组成
二进制整数: 0 1
八进制整数: 0 --7 组成 一般以0开头
十六进制整数: 0 - - 9 a- - f组成 一般以0x开头
b)小数
0.1
1.1 + 0.1 = 1.2
2)字符
js中的字符可以通过“ ” 或‘ ’括起来
注意引号嵌套问题:
“ ‘ ’ ” 或 ‘ “ ” ’
9.js中标识符(变量)的命名规范
1)js中的标识符只能由字母、数字、下划线、$组成(不建议使用中文)
2)标识符不能使用数字开头
3)不能使用系统指定的关键字命名
命名规范(扩展):
驼峰式命名法:
小驼峰: jinMingDingJiaoYu
大驼峰: JinMingDingJiaoYu·
匈牙利命名法:
iNum: 命名一个整数类型的变量
fNum: 命名一个小数类型的变量
cChar: 命名一个字符类型的变量
sStr : 命名一个字符串类型的变量 (str)
(扩展)代码书写规范:
a)js中的所有代码严格区分大小写(num Num 两个不同的变量)
b)js中每行语句结束后可以使用回车或 ; 换行
c)js中所有的标点符号必须使用英文变角状态
10.js中的变量问题
变量:就是在程序运行的过程中,其值有可能会发生改变的量
11.变量的定义和赋值
1)显示定义:
a)通过 var 定义
var iNum = 90;
2)隐式定义:
不同var直接就定义变量
iNUm = 90;
3)变量必须先定义后使用
12.js中输出结果时注意几个问题
1)如果输出的是一个变量,该变量一定不能加引号 “ ”
2)如果输出的是一个字符类型,一定要加引号
3)如果输出的是一个数,可以加引号也可以不加引号
4)如果输出的是字符和变量的组合,需要使用 + 拼接
结尾
通过本文的描述讲解,各位小伙伴们是不是对于Javascript这门脚本语言有了一个初步的了解了呢?接下来需要各位小伙伴们的多多练习。