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

于 2020-10-22 17:12:50 发布
阅读量292 收藏 5
点赞数
分类专栏： java boy 文章标签： js javascript 编程语言 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24654501/article/details/109224646
版权
博主分享了JavaWeb学习的开端，回顾了HTML、CSS和JavaScript的基础知识，包括HTML的表单元素、CSS的选择器和盒模型、JavaScript的基本类型、运算符、函数对象和数组对象等。文章旨在巩固已学，为后续的JavaWeb学习打下坚实基础。
摘要由CSDN通过智能技术生成

写在前面

前面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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

这里不再重复~

二、CSS

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

这里不再重复~

三、JavaScript

3.1JavaScript简单介绍

三大块：ECMAScript（标准） + BOM + DOM —》JavaScript
在这里插入图片描述
在这里插入图片描述

3.2五种基本类型

需要注意

  • NaN是一种非数值型的数值类型
  • null是一种对象类型，可以理解为对象占位符
    在这里插入图片描述
    在这里插入图片描述
3.3运算符

注意：

+ 可以进行数据类型转化

  • +"数字"—》转化为数值型number类型
  • +"字母和其他字符" —》转化为NaN类型（可以理解是一种无法显示为数值的数值类型）
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

3.3变量

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

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

在这里插入图片描述

3.4流程控制语句

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

在这里插入图片描述

3.5基本对象
  • founction函数（特殊的函数对象）
  • Array
  • Boolean
  • Date
  • Math
  • String
  • Number
  • RegExp(正则对象）
  • Global

在这里插入图片描述

3.5.1founction函数对象

注意：

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

在这里插入图片描述

在这里插入图片描述

3.5.2Array数组对象

注意：

  • 可以存放不同类型的数据
  • 长度不定，越界就是undefined
  • 长度可扩充
  • …
    在这里插入图片描述
3.5.3Date对象

在这里插入图片描述

3.5.4Math对象

在这里插入图片描述

在这里插入图片描述

3.5.5RegExp正则对象

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

3.5.6Global对象

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

四、DOM

DOM功能:获取Element对象

4.0先简单介绍
  • 方法 document.getElementById()
  • 属性 document.innerHTML
  • 事件绑定

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

获取元素对象，修改元素对象的内容
在这里插入图片描述

事件绑定

在这里插入图片描述
在这里插入图片描述

4.1DOM介绍

在这里插入图片描述

4.2核心DOM
  • Document文档对象
  • Element元素对象
  • Attribute属性对象
  • Text文本对象
  • Comment注释对象
  • Node节点对象（其他5个元素的父对象）
    在这里插入图片描述

在这里插入图片描述

4.3HTMLDOM

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

4.4DOM事件

在这里插入图片描述
在这里插入图片描述

举栗

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

五、BOM

在这里插入图片描述
在这里插入图片描述

5.1windows窗口对象
5.1.1windows对象方法

对于Windows窗口对象的方法可以直接调用，如windows.alert() 等价于 alert()
在这里插入图片描述

  • 弹出的方法
    在这里插入图片描述
    在这里插入图片描述

  • 打开、关闭 窗口的方法
    在这里插入图片描述

在这里插入图片描述

  • 定时器方法
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

5.1.2windows对象属性

在这里插入图片描述

5.2Location对象、History对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

参考：B站黑马

scl、
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

scl、

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值