拿捏Java:HTML+JS

18 阅读1分钟

image.png image.png image.png image.png

一、HTML、CSS

image.png image.png

二、JavaScript

image.png

image.png

基本书写语法

image.png

image.png

变量

image.png

var定义的变量是全局变量,可以重复定义;

let定义的变量是局部变量,不能重复定义;

const定义的是常量,他的值不能改变;

image.png

数据类型,运算符,流程控制语句

image.png

image.png

image.png

image.png

image.png

image.png

==:比较之前会比较类型,类型不同会先类型转换

===:比较之前会比较类型,类型不同直接返回false

image.png

image.png

image.png

js函数

image.png

image.png

image.png

image.png

js对象

Array

image.png

image.png

image.png

image.png

forEach()中要传入一个函数,这个函数的作用是为了处理数组中的元素,函数可以接收到遍历出来的元素

for和forEach的区别在于for会遍历所有元素,而forEach会遍历有值的元素

image.png

简化操作(箭头函数):

image.png

splice(A,B):表示从A索引开始删除,删除B个元素

String

image.png

image.png

charAt(i):获取索引为i位置的字符

indexOf("o"):检索字符o所在的位置

trim():去除左右空格并返回新的字符串

subString(i,j):包头不包尾,返回子字符串

JSON

自定义对象:

image.png

简化后:

image.png

image.png

JSON格式:

image.png

基础语法:

image.png

image.png

image.png

image.png

BOM

image.png

image.png

Window对象

image.png

image.png

Location对象

image.png

location.href="www.baidu.com" : 将地址栏的url地址设置为新设置的地址,并且跳转到该地址

DOM

image.png

image.png

image.png

image.png

DOM中如何获取元素对象

image.png

image.png image.png

查询参考手册进行修改获得对象的属性和方法

image.png

DOM练习

image.png

image.png

image.png

js事件监听

image.png

image.png

image.png

常见事件

image.png

image.png image.png image.png

image.png

练习:

image.png

代码:

image.png

image.png

image.png

image.png

image.png