jsp与html，html与web语言的交互

jsp：又名java Server Pages，用于开发动态网页，文件扩展名为jsp

        优点：1，首先jsp是一种服务端技术，提供了动态接口，用于不断更改数据并调用服务器操作

                   2，jsp本身是一种编译好的Servlet文件

                   3，jsp基于java ServletAPI，被javaServlet模板引擎所支持，可以实现复杂的数据操作

                   4，jsp通过<%jdbc%>标签访问数据库：

                        1，在jsp页面中直接访问jsp数据库

                        2，在Servlet中访问数据库

                        3，通过javabean对数据库的访问

                    5，jsp可以直接通过<%Java代码%>从数据库中拿到数据

                    6，jsp标签库，在头部引用

//最核心的使用标签库
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

                   7，可以发送xml内容

<%@ page contentType="text/xml" %>

                   8，可以使用javaBean，JavaBean是特殊的java类

                   9，jsp可以抛异常

        缺点：1，jsp里面可以写java代码，xml，xsml语言，定义好标签即可，容易形成代码杂乱的形象，<%       标签来启动Java代码，并在Java代码的末尾写入    %>标签，程序员不好分辨，开发已经抛弃这种语言了

html：代表超文本标记语言，用于开发网页的标记语言

        优点：1，属于静态页面，不能直接使用<%Java代码%>从数据库获取数据

                   2，没有用于逻辑处理的JSTL标签

                   3，属于web开发必须学习3类中的一类，

                        开发三类：1，HTML定义网页内容

                                          2，CSS定义了网页的布局

                                          3，JavaScript控制了网页的行为

                   Dom元素：HTML中定义的，（意为文档对象模型），document.

                   4，实现动态数据，需要借助js，jquery等web编程语言，或者借助，boodstrap，vue等框架实现前后端交互，或者使用axios来完成前后端异步较互

web语言与html的交互：js与jquery

jsDom对象与jsBom对象

        DOM对象：文档对象:document.

        Bom对象：windows对象:window.，document.是window对象的属性之一

        例：window.alert() 方法可以不带上window对象，直接使用alert()方法。

                还有settimeout方法

        可以使用document获取Cookie，var r = document.cookie;

document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;

js引入三种方式:

1.外部引入：

2.内部引入：

3.行内引入：点击

总结：js不需要头部引入    搜索标题：js获取Cookies

                js获取Cookies:

const cook=document.cookie;
            let i=cook.lastIndexOf("=")
            const _cook=cook.substring(i+1);
            this.Cookies=_cook;
            alert(this.Cookies)

特点：

        1， 点击弹框

               选择器：#id 选择器     $("#test")

                             .id  选择器     $(".test")