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.外部引入:<script>dajkasd</script>
2.内部引入:<script>
xxx
</script>
3.行内引入:<button οnclick="">点击</button>
总结: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,<script> 标签,JavaScript 语句,
在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
2,单行注释://
多行注释:/* */
3,javascript变量:var sd='变量'; 或 const hj=kl;
4,javascript对象:var op={};
5,javascript函数:function functionname{ 可重复执行的代码块
执行代码
}
6,全局变量与局部变量:function方法内为局部变量
在function方法外面即为全局变量
7,javascript事件:
<button onclick=""/>
8,javascrip function()方法里面 :if-else,switch,循环Java循环一样,组合可以表单验证
9,javascrip正则表达式:var patt = /runoob/i function()方法里面
10,javascrip抛异常:throws,手动
11,let关键字,只在let命令下的代码块才有效,let定义的变量值可以再修改
const 用于声明一个或多个常量,声明时必须进行初始化,且初始化后值不可再修改;
jQuery :jQuery 需要头部引入,是封装的一个javascript库 JQuery获取session
1.先对javascript有些了解,jQuery 是一个 JavaScript 函数库,
jQuery 库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
jquery引入:语法:$(function(){ 或 $(document).readey(function(){
}) })
<!-- 官网jquery压缩版引用地址: -->
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<!-- 百度压缩版引用地址: -->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery</title>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
<button id="btn">点击弹框</button>
</body>
<script>
$("#btn").click(function() {
alert('hello jQuery')
})
</script>
</html>
选择器:#id 选择器 $("#test")
.id 选择器 $(".test")