0
点赞
收藏
分享

微信扫一扫

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM


写在前面

前面JavaSE学习篇系列博客已经基本完结,JavaWeb学习篇系列博客今天上线了

从Java学习篇0_JDK-11.0.7安装和Java简单理解

至于

Java学习篇基础加强篇30_JDBC基本概念、快速入门、对JDBC中各个接口和类详解及事务操作、JDBC连接池、Spring JDBC:JDBC Template

共计31篇

学习是一个漫长艰辛的过程,坚持学习就能进步!

虽然我走的很慢,但我仍在前进! 与君共勉~

注意:

大一下学期开了Web这门课,网上授课等各种原因吧,学习的效果不是那么好,但还是有一定的基础的,学习成本相对较低

此篇博客算是一个小复习,记录可能不太详细(抱拳))主要记录那些不太熟悉的知识点,大体上理清思路

之前写了一个期末复习的知识点小结参考:HTML+CSS+JavaScript基础知识笔记

目录

  • HTML
  • 表单相关
  • CSS
  • JavaScript
  • 简单介绍
  • 5中基本类型
  • 运算符
  • 变量
  • 流程控制语句
  • 基本对象
  • founction函数对象
  • Array数组对象
  • Date对象
  • Math对象
  • RegExp对象
  • Global对象
  • DOM文档对象模型
  • 核心DOM
  • Document文档对象
  • Element元素对象
  • Node节点对象
  • XMLDOM
  • HTMLDOM
  • 事件
  • BOM
  • Windows窗口对象(包含DOM对象,因为DOM很重要,单独列出来)
  • 方法(弹框方法、计时器方法)
  • 属性(可以获取其他BOM对象)
  • Navigator浏览器对象
  • Screen对象
  • history历史记录对象(和浏览器历史记录区分,指的是当前窗口的记录)
  • Location对象

开始

一、HTML

HTML是一种超文本标记语言,非编程语言

1.1表单相关

表单项标签:

  • input
  • label
  • type
  • select
  • textarea

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_02

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_03

其他相关参考:HTML+CSS+JavaScript基础知识笔记

这里不再重复~

二、CSS

参考:HTML+CSS+JavaScript基础知识笔记

这里不再重复~

三、JavaScript

3.1JavaScript简单介绍

三大块:ECMAScript(标准) + BOM + DOM —》JavaScript

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_04


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_05

3.2五种基本类型

需要注意

  • NaN是一种非数值型的数值类型
  • null是一种对象类型,可以理解为对象占位符

3.3运算符

注意:

+ 可以进行数据类型转化

  • +"数字"—》转化为数值型number类型
  • +"字母和其他字符" —》转化为NaN类型(可以理解是一种无法显示为数值的数值类型)

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_06

3.3变量

JavaScript的变量是弱引用类型的,使用var声明变量

  • 声明后的变量初始化后可以再次初始化不同数据类型的值
  • 带var和不带的区别:作用域不同

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_07

3.4流程控制语句

在JavaScript中,switch(n)的n可以是任何数据类型

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_08

3.5基本对象

  • founction函数(特殊的函数对象)
  • Array
  • Boolean
  • Date
  • Math
  • String
  • Number
  • RegExp(正则对象)
  • Global

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_09

3.5.1founction函数对象

注意:

  • Founction函数对象内置了arguments数组,封装实际参数
  • founction函数可以重名,不会报错(覆盖)
  • 也可以给函数对象变量赋值 另一个函数
  • 调用函数时,实参可以和形参的个数不一致,少的number类型的值为undefined

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_10

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_11

3.5.2Array数组对象

注意:

  • 可以存放不同类型的数据
  • 长度不定,越界就是undefined
  • 长度可扩充
3.5.3Date对象

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_12

3.5.4Math对象

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_13

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_14

3.5.5RegExp正则对象

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_15


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_16

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_17

3.5.6Global对象

此对象的方法可以直接调用

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_18

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_19

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_20

四、DOM

DOM功能:获取Element对象

4.0先简单介绍

  • 方法 document.getElementById()
  • 属性 document.innerHTML
  • 事件绑定

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_21


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_22


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_23

获取元素对象,修改元素对象的内容

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_24

事件绑定

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_25


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_26

4.1DOM介绍

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_27

4.2核心DOM

  • Document文档对象
  • Element元素对象
  • Attribute属性对象
  • Text文本对象
  • Comment注释对象
  • Node节点对象(其他5个元素的父对象)

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_28

4.3HTMLDOM

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_29

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_30


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_31

4.4DOM事件

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_32


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_33

举栗

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_34

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_35


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_36

五、BOM

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_37


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_HTML_38

5.1windows窗口对象

5.1.1windows对象方法

对于Windows窗口对象的方法可以直接调用,如windows.alert() 等价于 alert()

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_39

  • 弹出的方法
  • JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_40


  • JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_javascript_41

  • 打开、关闭 窗口的方法
  • JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_42

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_43

  • 定时器方法

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_44


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_HTML_45

5.1.2windows对象属性

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_46

5.2Location对象、History对象

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_47


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_编程语言_48


JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_java_49

JavaWeb学习篇1_HTML、CSS、JavaScript小复习、BOM、DOM_js_50

参考:B站黑马


举报

相关推荐

0 条评论