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