- javascript,简称,js
1、js的书写
写在哪
- css写在哪
- 内联(行内):属性形式:style="样式属性:样式属性值"
- 内部:style双标签,包裹css样式
- 外部(外联):link单标签,的href属性,引入css文件的路径
- js写在哪
- 内联(行内):属性形式:事件触发
- `<input type="button" onclick="alert(‘hello world‘)" value="点我试试">`
- 不建议使用,结构和行为的分离,优化项目,便于管理
- 为了测试方便
- 内部:script双标签,包裹js代码
```html
<script>
alert("没有人点,我也hello world")
</script>
```
- 不太建议内部,结构和行为的分离,非公共行为部分,简单行为,可以放在当前页面
- 公共行为:好几个页面都要用到的行为,叫公共行为
- script标签可以放在哪?
- 可以放在任何位置
- 行业习惯:
- head标签内
- body后:内部的最后;外边的最后;没有区别
- script标签,放在不同的位置,执行顺序受到了影响。目前如果不是特殊要求, 暂时将script标签写在body的后面
- 按需放置位置
- 外部(外联):script双标签,通过**src**属性,引入js文件的路径
- 创建js文件,再在html文件中使用script双标签,通过**src**属性,引入js文件的路径
- 注意:错误写法
```html
<script src="./hello.js">
alert("没有人点,我也hello world")
</script>
```
- 不允许在引入外部js的script标签内,写js代码,写了,也不会执行
2、javascript的组成
- ECMAScript:语法,规定,规则,法律,规定了,以什么样的格式,写代码
- BOM:浏览器对象模型,提供了浏览器的操作
- DOM:文档对象模型,提供了网页的操作
- 关系:ECMAScript规定了,写什么样的代码,在BOM中操作DOM
3、打印信息的方式
- 什么叫打印信息,不是输出信息,是**打印**:
- 将计算机的执行结果或数据,给用户呈现出来
- 打印到浏览器的弹出框,操作的是BOM对象,浏览器
- `alert()`
- 打印到页面,操作的是DOM对象,页面
- `document.write()`
- 打印到浏览器的控制台,操作的是BOM对象,浏览器(操作的V8引擎)
- `console.log()`
4、js的注释
- 单行注释
- // 单行注释
- 多行注释
- /* 多行注释,可以换行 */
5、数据
概念
- 分门别类,记录信息的方式
数据的类型(常见的)
- 字符型(string):必须加引号:单‘‘、双""、反``;任何数据,只要加了引号,就是字符!!!
- 数值型(number):29
- undefined(undefined):undefined,未赋值,不是未定义
- 布尔值(boolean):true、false
- 对象(object):标志是{},并不是绝对的
- 函数(function):标志是function,并不是绝对的
- null(object):null,不是空对象,空值,虚无
- 注意:
- 描述,空的时候,除了null,其他都要加 类型
- 空 字符:""
- 空 对象:{}
- 空 函数:function(){}
- 空 数组:[]
- null:null
- undefined未赋值:undefined
如何检测数据类型
- 通过typeof关键字,检测数据类型
- typeof 要检测的数据或变量
- `typeof 变量或数据`
- typeof(要检测的数据或变量)
- `typeof(变量或数据)`
- typeof的检测的结果的数据类型,必然是字符型数据
- `typeof typeof 变量或数据`
6、变量
- 当程序中,需要重复操作某些相同数据的时候,为了方便,可以将数据起个别名,通过这个别名,找到数据,使用, 这个别名,就叫变量
- 语法
- 通过var的关键字,声明
- var a;
- 通过赋值的方式,将数据,存到变量中:一个等号赋值
- var a = "hello";
- 将等号右侧的数据,存在左侧的变量中(将等号右侧的数据,起了一个别名叫等号左边的单词)
- 关键字
- 被ECMAScript定义了功能的单词
- 保留字
- 暂时还没有被ECMAScript定义了功能,但是将来有可能被定义功能的单词
- 变量名的规则
- 必须以 `字母,_,$` 开头
- 不允许出现 `字母,_,$,数字` 之外的内容
- 不建议使用中文,有兼容,不仅浏览器有兼容,操作系统也会有兼容,在公司中,容易挨揍
- 尽量语义化
1. 词必达意
2. 建议使用当前数据类型的首字母作为前缀
3. 尽量使用驼峰式
- 小:从第二个单词的首字母开始大写,常用
- 大:从第一个单词的首字母开始大写,面向对象中,专用
- 不允许使用关键字或保留字
- 诀窍:如果担心是关键字或保留字,可以在单词前加前缀
- 注意
- 变量名,千万别加,引号!!!!!
JavaScript基础语法
原文:https://www.cnblogs.com/dajia0809/p/12739621.html