javascript入门笔记1

html（结构） ——标签构成HTML
css （样式）
javascript 行为(功能) ——数据（函数也可以称为数据）构成JS

一、js入门

• js的引入方式（类似css的引入）

1 在行间
2 通过标签引入 <script>
所有结构（所有标签）之后 推荐的，但是都在body或head里
所有结构之前,容易出现以下错误

解决办法：窗口加载+函数调用

3 把js单独写到 一个文件里 通过script标签中的src 引入该后缀名为js的文件

• 注释

单行注释 //
多行注释 /**/

• 结构 样式

第一步：获取元素

1 通过元素的id 获取该元素 document.getElementById(“id名称（按钮bnt）”)

.是运算符 引号 单双引号都可以 必须是成双成对

第二步：事件 （一个事件）

大部分的事件带on

鼠标事件 跟鼠标操作有关的事件
1 鼠标点击 鼠标点击左键 onclick
2 鼠标移入 onmouseover
3 鼠标移出 onmouseout
4 鼠标按下(未抬起) onmousedown
5 鼠标抬起 onmouseup
6 鼠标移动 onmousemove
键盘事件
系统事件
第三步：事件绑定

元素和相关事件进行关联

通过. 进行事件绑定 。元素.事件 注意 .只能绑定带on的事件

第四步 函数做事

• 有名函数

函数的定义 function 发布一些命名 关键字 在js中有特殊意义的字母
function 函数名字(){ 代码语句 } 发布了一些命令
函数名字 ：命令名字 不要写中文 不要纯数字 不要以数字开头
函数名字===function 名字(){ 代码语句 } 注意 房子大阔号里面的代码是不会主动执行的。
需要函数的调用才能执行命令 调用分为下面2种

函数名字() 主动调用
元素.事件=函数名 事件调用 = 右边赋值给左边 事件调用

js操作元素的样式 就是在操作元素的style属性在元素行间里进行添加和修改该样式的 不会修改样式 表的样式
1 获取元素
2 获取元素的样式就是在操作元素的style属性 3 具体的样式名写在style.后面
4 样式值写在等号右边 打上单 引号或者双引号

• 匿名函数

注意 匿名函数不能直接定义(声明)
匿名函数的调用，只有事件直接调用匿名函数
元素.事件=函数《匿名函数本身》

补充知识点：变量

可以修改的数据
var 定义变量关键字
var 变量名字=数据()
变量的作用 复用数据
变量的名字规则 以数字 字母 下划线 $ 组合 不能以 数字开头
var a
var b
var c
var c1

变量的命名风格
1 小驼峰 从第二个单词开始首字母大写 var oneTwoThree
2 大驼峰 从第一个单词开始首字母大写 var OneTwoThree
3 匈牙利 存的是单个元素 o开头 object ；存的是多个元素 a开头 array

小练习1：

结果
鼠标放上去，没有显示

鼠标放下来，显示框