# Javaweb学习笔记（持续更新）

Javaweb学习笔记（持续更新）

Html技术

• DOCTYPE是Document Type的简写，含义为文档类型，是HTML5的DOCTYPE声明，表示该网页的呈现标准是基于HTML5，标准兼容模式，HTML4.01的文档声明类型较为复杂，HTML5中该声明被大幅度简化。

• HTML是网页内容的载体，CSS是网页的外衣，改变外观（颜色，字体，加入图片边框），JavaScript实现特效动画

• 杂项标签一般放在标签中

  
      
       
       
       
      
      
        
      
       //代表该网站为Lxxyx个人版权所有。
       //意思是自动刷新，2秒后跳转向我的博客
       //HTML5设定网页字符集的方式，推荐使用UTF-8
  
       //链接外部css代码
  

• 标签可以拥有属性，属性在HTML元素的开始标签中规定，实验楼

  属性之间使用空格分隔

• 列表标签的start属性都使用数字，例如用字母表示项目符号类型，要从‘b’开始使用

• 矢量图和点阵图：矢量文件中的图形元素称为对象，每个对象都是一个自成一体的实体

• 描述网页的语言，Hypertext Markup Language，超文本标记语言

  • 超文本：超出文本范畴，指在网页上可以描述文本，图片，视频等内容
  • 标记：标签，在标签里面书写内容
  • 语言：HTML是用户和浏览器交互的工具，浏览器会解析HTML标记，以特定效果展示

• 文档的声明:声明HTML类型和版本号

• 根标签标记HTML开始和结束，如果没有结束标签，自己结束，


• 源码不区分大小写，源码换行，网页不换行，换行使用
源码中的换行和多于一个的空格会被一个空格代替

• 表格自动加粗居中，用于表格首行

CSS

层叠样式表，Cascading Style Sheet，增强网页的显示效果，使网页内容和样式分离，便于网站代码后期的维护

引用方式

主要使用内嵌式和链入式

• 内嵌式：css代码写在头部标记中（html页面加载顺序为从上到下，在body之前加载css样式）在
  • 链入式：所有样式放在.css扩展名的外部样式表文件中，标签引入到HTML文件中，标签只能存在于head中，但是可以出现多次
  • 行内式：
    div的行内式效果

  CSS选择器

  选择器优先级：id选择器>class选择器>标记选择器>通配符选择器

  id属性的值必须唯一，classs属性值可以相同

  • 标记选择器：div{属性：值；}
  • 类选择器：.class{属性：值；}
  • id选择器：#id{属性：值；}
  • 通配符选择器：*{属性：值；}

  JavaScript

  它是基于对象和事件驱动的语言，它应用于客户端，给网页增加动态效果。

  • 基于对象：在js里面提供了一些对象，可以直接使用。
  • 面向对象：在java里面先创建对象，再使用。
  • 事件驱动：js里面它触发事件，调用函数，实现网页里面的动态效果。
  • 客户端：浏览器。

  与Java的区别

  • javaScript是网景的产品，java是sun公司的产品，现在oracle，两者没有任何区别。
  • javascript的运行只要系统里有浏览器就可以了。java的运行依赖于虚拟机。
  • javascript是弱类型语言，java是强类型语言，但是语法和java差不多
    弱类型语言：在js里面，所有的变量都用var定义，比如：var a=10；var b=“hello js”
    强类型语言：在java里面，int a=10；int b=“hello java”错误的写法。

  组成

  1. EcmaScript：规范了js的基于语法。
  2. Bom:Browser Object model，浏览器对象模型，操作浏览器。
  3. Dom:Document Object model，文档对象模型，操作文档。

  Dom 相关知识

  • 用于JavaScript脚本中获取页面元素

  • DOM:Document Object Mode1，文档对象模型
    • 文档：指的是标记文档（html，xml）
    • 对象：可以使用dom里面的相关属性和方法来解析标记性文档。
  • Dom的组成：核心Dom，HtmlDom，XIMLDom.
  • Dom如何解析html文档：
    DOM会根据html的层级结构，在内存中形成一个树形结构，树形结构里面有标记元素和属性和文本等元素，整个htm1文档对应一个document对象，通过document文档对象，可以操作html里面得到所有元素。
  • 节点的访问：
    节点对象.childNodes：获取该节点的所有子节点。
    节点对象.parentNode：获取该节点的父节点。
  • 获取文档中的元素：
    下面的是htmldom的方法：
    • 根据标记的id属性值获取元素对象：document.getElementById（id属性对应的值）
    • 根据标记的名称获取元素对象：document.getElementsByTagName（标记的名称）
    • 根据标记的name属性值获取元素对象：document.getE1mentsByName（name属性对应的值）；
    • document.write(“直接输出内容”);
    • alert(typeof a)；//弹出窗口输出内容

  引入js的方式

  1. 内嵌式：
     ,script为脚本的意思

  2. 外链式

     
     操作步骤：1.创建一个js文件，2.在script标记里面，使用src属性来引入外部的js文件。

  函数定义和使用

  • 创建普通的函数：

  function add1（a，b）{
  var sum=a+b；return sum；
  }
  alert(add(2,3));

  • 创建匿名函数I语法：

  var add2=function（a，b）{
  var sum=a+b；return sum；
  }
  alert(add2(3,4));

  • 创建动态函数：
    语法：
    1. 定义函数的参数
       var param="a，b"；
    2. 创建函数体
       var method="var sum=a+b；return sum；"
    3. 动态函数
       var add3=new Function（param，method）； alert(add3(2,3));

  事件处理

  • 事件：通过触发事件，取调用相关的函数，实现网页的动态效果

  • 网页绑定事件的两种方式：

    • 一般控件写在里面，具体函数实现即js代码，写在