javaweb-javascript讲解

javaweb-javascript讲解

  • 介绍
  • javascript基础
    • html结合方式
    • 变量
    • 关系运算
    • 逻辑运算
    • 数组
    • 函数
      • 第一种定义方式
      • 第二种定义方式
    • 函数隐性参数
    • 自定义对象
      • object定义
      • {}定义
  • 事件
    • 事件的注册
    • onload 加载完成事件
    • onclick 单击事件
    • onblur 失去焦点事件
    • onchange 内容发生改变事件
    • onsubmit 表单提交事件
  • DOM
    • document对象
    • document方法
      • getElementById
      • getElementsByName
      • getElementsByTagName
      • createElement

介绍

web页面由三部分内容组成!
分别是内容(结构)、表现、行为。
内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。
表现,指的是这些内容在页面上的展示形式。比如说。布局,颜色,大小等等。一般使用CSS 技术实现
行为,指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。

javascript基础

html结合方式

第一种javaweb-javascript讲解_第1张图片
第二种
javaweb-javascript讲解_第2张图片

变量

javaweb-javascript讲解_第3张图片

关系运算

javaweb-javascript讲解_第4张图片

逻辑运算

javaweb-javascript讲解_第5张图片

数组

javaweb-javascript讲解_第6张图片

函数

第一种定义方式

javaweb-javascript讲解_第7张图片

第二种定义方式

javaweb-javascript讲解_第8张图片

函数隐性参数

javaweb-javascript讲解_第9张图片

自定义对象

object定义

javaweb-javascript讲解_第10张图片

{}定义

javaweb-javascript讲解_第11张图片

事件

事件的注册

在这里插入图片描述

onload 加载完成事件

javaweb-javascript讲解_第12张图片

onclick 单击事件

javaweb-javascript讲解_第13张图片

onblur 失去焦点事件

javaweb-javascript讲解_第14张图片

onchange 内容发生改变事件

javaweb-javascript讲解_第15张图片

onsubmit 表单提交事件

javaweb-javascript讲解_第16张图片

DOM

document对象

javaweb-javascript讲解_第17张图片

document方法

javaweb-javascript讲解_第18张图片

getElementById

javaweb-javascript讲解_第19张图片

getElementsByName

javaweb-javascript讲解_第20张图片

getElementsByTagName

javaweb-javascript讲解_第21张图片

createElement

javaweb-javascript讲解_第22张图片
javaweb-javascript讲解_第23张图片
jiaweb-html讲解
jiaweb-css讲解

你可能感兴趣的:(javaweb,javascript,css,html)