JavaScript笔记

1,什么是JavaScript

JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。JavaScript 怎能缺席。它是标准 Web 技术蛋糕的第三层

学习记录

截止到1.7号

9.24前学习到了p8课程 (4%进度)

9.25学习p9.p10.p11 (5.5%进度)

9.29学习到p14(7%)

10.1学习到p18(9%)

2,HTML中引用JavaScript

1.html中页面的头部引用js

就是在头部之前内进行编写js。代码如下:

1
<``head``>``  ``<``title``></``title``>``  ``<``script` `type``=``"text/javascript"``>``  ``</``script``>``</``head``>

注意:js代码要放在****之间,要求type的属性值也要对应为text/javascript。

2.html页面的主体body标签内去引用

在html的主体部分是引用js,是在之前进行编写,代码如下:

1
<``html` `xmlns``=``"http://www.baidu.com"``>``<``head``>``  ``<``title``></``title``>``</``head``>``<``body``>``  ``<``script` `type``=``"text/javascript"``>``  ``</``script``>``</``body``>``</``html``>

3.元素事件中引用

元素事件中引用是在元素中去直接编写js文件,例如:

1
<``input` `type``=``"button"` `onClick``=``"alert('lieyan16')"` `value``=``"按钮"``/>

4.引入外部JS文件 (常用)

引入外部把js文件存放在.js后缀当中,并且使用script来引用,引用的文件可以放在头部,也可以放在主体部分,例如:

1
<``script` `src``=``"js/index.js"` `type``=``"text/javascript"``></``script``>

数组

Array数组

使用方法

1
2
3
4
<script type="text/javascript">
var arr = new Array("a", "b", "c", "d") //定义arr数组
var p1 = arr[2] //定义p1为arr中的第2位
document.write(p1); //打印p1

p1 笔记

JavaScript中有5个假值;0,’ ‘ , undefined , null , naN
未定义的值属于假

i 忽略大小写表示
let 声明一个变量
var 声明一个变量(不建议使用)
const 声明一个常量 (禁止在后面修改常量)
console.log() 在控制台输出
alert 在警告中输出(显示一个警告对话框)
typeof 检测后面的内容是什么类型
Number 将字符串强制转换为数字
Boolean 将字符串改为布尔值
String 将一个值转换为字符串
prompt 弹出一个可以输入信息的警告
isNaN() 函数可确定值是否为非数字

1
const a1 = prompt("这样就可以给a1赋值上用户输入的值")

function 用于声明一个函数。
/b 用来匹配一个字边界

第九章 事件处理

1,事件及其说明

onclick 鼠标单击时触发此事件
onmouseover 当鼠标移动到某对象范围的上方时触发此事件
onmouseout 当鼠标离开某对象范围时触发此事件
onkeydown 当键盘上某个按键被按下时触发此事件
onkeyup 当键盘上某个按键被按下后松开时触发此事件
onblur 当前元素失去焦点时触发此事件
onfocus 当某个元素获得焦点时触发此事件
onchange 当前元素失去焦点并且元素的内容发生改变时触发此事件
onload 页面内容完成时触发此事件
onunload 当前页面将被改变时触发此事件