Java Web学习
关注
分享
扫一扫
B站【尚硅谷 Java Web】学习笔记
端木翠花
缓慢成长的菜鸟。
展开
-
【尚硅谷 JavaWeb 笔记】onsubmit事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onsubmit事件</title> <script type="text/javascript"> // 静态注册onsubmit事件 function onsubmitFunc() { // 要验证所.原创 2022-02-27 09:42:56 · 564 阅读 · 0 评论 -
【尚硅谷 JavaWeb 笔记】onchange事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onchange事件</title> <script type="text/javascript"> function onchangeFunc() { alert("女神已改变！"); } .原创 2022-02-27 09:15:04 · 281 阅读 · 0 评论 -
【尚硅谷 JavaWeb 笔记】onblur事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onblur事件</title> <script type="text/javascript"> // 静态注册onblur事件 /* console 是JavaScript语言提供的控制台对象，专门用来.原创 2022-02-27 08:45:29 · 367 阅读 · 0 评论 -
【尚硅谷 JavaWeb 笔记】onclick事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onclick事件</title> <script type="text/javascript"> function onclickFunc() { alert("静态注册的onclick事件"); }.原创 2022-02-23 10:35:42 · 762 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】onload事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onload事件</title> <script type="text/javascript"> // onload事件的方法 function onloadFunc() { alert("静态注册的on.原创 2022-02-23 10:04:37 · 670 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】自定义对象
Object形式的自定义对象：对象的定义：var 变量名 = new Object(); // 对象实例（空对象）变量名.属性名 = 值; // 定义一个属性变量名.函数名 = function(){} // 定义一个函数对象的访问：变量名.属性名/函数名();<!DOCTYPE ht...原创 2022-02-20 15:15:42 · 582 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】隐形参数arguments
隐形参数，在function函数中，不需要定义，但却可以直接用来获取所有参数的变量。隐形参数特别像Java基础的可变长参数——操作类似数组。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>隐形参数arguments</title> <script type="text/javascript">原创 2022-02-13 12:21:20 · 440 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript的函数
函数的第一种定义方式：使用 function 关键字来定义函数。function 函数名(形参列表){函数体;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数的第一种定义方式</title> <script type="tex...原创 2022-02-05 14:01:59 · 765 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript的数组
数组的定义：var 数组名 = [];var 数组名 = [1, 'abc', true];<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript的数组</title> <script type="text/javascript"> ...原创 2022-02-05 09:28:36 · 487 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript的逻辑运算
与 && 或 || 非 ! 与运算：当表达式全为真时，返回最后一个表达式的值；当表达式中有一个为假时，返回第一个为假的表达式的值。或运算：当表达式全为假时，返回最后一个表达式的值；当表达式中有一个为真时，返回第一个为真的表达式的值。&&和 || 有短路：当运算有结果了之后，后面的表达式不再执行。JavaScript中，所有的变量，都可以作为一个boolean变量去使用。0、null、undefined、原创 2022-02-04 09:34:10 · 607 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript的关系运算
等于 == 简单的字面值的比较。 全等于 === 除了做字面值的比较外，还会比较两个变量的数据类型。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript的关系运算</title> <script type="text/javascript">原创 2022-02-03 09:01:28 · 430 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript的变量和数据类型介绍
变量是可以存放某些值的内存的命名。JavaScript的变量类型：数值类型 number 字符串类型 string 对象类型 object 布尔类型 boolean 函数类型 function JavaScript里特殊的值:undefined 未定义。所有js变量未赋予初始值时，默认值都是undefined。 null 空值 NaN 全称是：Not a Number，非数字，非数值。原创 2022-02-01 17:26:09 · 515 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】JavaScript与HTML结合使用的两种方式
第一种方式：在head标签或body标签中，使用script标签来书写JavaScript代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript与HTML结合使用的第一种方式</title> <!-- alert()是JavaScript语言提供的一个警告框函数，它可以接收任原创 2022-02-01 14:38:12 · 1490 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】组合选择器
组合选择器，可以让多个选择器共用同一个CSS样式代码。格式：选择器1,选择器2,……,选择器n{ 属性:值;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组合选择器</title&g...原创 2022-02-01 14:04:13 · 344 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】class类型选择器
class类型选择器，可以通过class属性有效地选择性地去使用这个样式。格式：.class属性值{ 属性:值; }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>class类型选...原创 2022-02-01 09:06:04 · 171 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】id选择器
id选择器，可以让我们通过id属性选择性的去使用这个样式。格式：#id 属性值{属性:值;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>id选择器</title> <style type="...原创 2022-01-30 07:08:01 · 840 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】标签名选择器
标签名选择器，可以决定哪些标签被动地使用这个样式。格式： 标签名{ 属性:值;}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签名选择器</title> <style type="text/css"> div...原创 2022-01-29 15:31:05 · 598 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】CSS和HTML结合使用的三种方式
第一种方式：在标签的style属性上设置“key:value value;”，修改标签样式。 缺点： 1）如果标签、样式多，代码量非常庞大 2）可读性差 3）CSS代码没什么复用性可言<!DOCTYPE html><h...原创 2022-01-28 10:31:03 · 508 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】其他标签div、span、p
div 标签：默认独占一行span标签：它的长度是封装数据的长度p 段落标签：默认会在段落的上方和下方各空出一行来（如果已有就不再空）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>其他标签div、span、p</title></head><body><!-- div标签.原创 2022-01-27 12:00:10 · 678 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】表单提交的细节
action 属性设置提交的服务器地址method 属性设置提交的方式：get（默认值）或 post get 请求提交的特点： 1）浏览器地址栏中的地址是：action属性值（服务器地址） + ? + 请求参数（表单信息） 请求参数的格式是：name=value&name=value&…… 2）不安全 3）它有数...原创 2022-01-26 12:10:32 · 831 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】iframe标签介绍
iframe 标签可以在一个html页面上打开一个小窗口，去加载一个单独的页面。iframe 标签和 a 标签组合使用的步骤： 1）在iframe标签中使用name属性定义一个名称 2）在a标签的target属性上设置iframe的name的属性值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2022-01-26 10:05:04 · 776 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】表单格式化
为了让表单的显示更加美观，我们可以对表单进行格式化。表单的格式化可以借助table——表格来实现。<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>表单格式化</title></head><body><form> <h1 align="center"&g原创 2022-01-26 09:42:09 · 228 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】表格的跨行跨列
colspan 属性设置跨列rowspan 属性设置跨行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格的跨行跨列</title></head><body><!-- 需求： 1、新建一个五行五列的表格——快捷创建方法：输入table>tr*5>td*5，原创 2022-01-26 09:12:55 · 1126 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】table标签
table 标签是表格标签 border 设置表格边框 width 设置表格宽度 height 设置表格高度 align 设置表格相对于页面的对齐方式 cellspacing 设置单元格间距tr 标签是行标签th 标签是表头标签td 标签是单元格标签 align 设置单元格文本对齐方式b 标签是加粗标签<!DOCTYPE html><html lang="e...原创 2022-01-26 09:05:06 · 408 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】img标签
img 标签是图片标签，可以在html页面上显示图片。src 属性可以设置图片的路径width 属性设置图片的宽度height 属性设置图片的高度border 属性设置图片边框大小alt 属性设置当指定路径找不到图片时，用来替代的文本内容【在Web中，路径分为相对路径和绝对路径。相对路径：. 表示当前文件所在的目录 .. 表示当前文件所在的上一级目录 文...原创 2022-01-25 09:38:41 · 975 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】表单显示
表单就是html页面中用来收集用户信息的所有元素集合，然后把这些信息发送给服务器。form标签就是表单 input type="text" 是文本输入框 value属性设置默认显示内容 input type="password" 是密码输入框 value属性设置默认显示内容 input type="radio" 是单选框 name属性可以对其进行分组 checked表示默认选中 input type="checkbox" 是复选框 checked表.原创 2022-01-24 10:54:21 · 375 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】无序列表
ur是无序列表，or是有序列表 type属性可以修改列表项前面的符号li是列表项<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>无序列表</title></head><body><ur> <li>赵</li> <li>.原创 2022-01-24 09:36:03 · 488 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】超链接标签
在网页中所有点击之后可以跳转的内容都是超链接。a标签是超链接标签 href属性设置链接的地址 target属性设置哪个目标进行链接：_self——表示当前页面（默认值），_blank——表示打开新页面来进行链接<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>超链接标签</title></h.原创 2022-01-23 11:50:55 · 375 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】标题标签
h1-h6都是标题标签，h1最大，h6最小 align属性是对齐属性：left（左对齐（默认））、center（居中）、right（右对齐）<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>标题标签</title></head><body><h1 align=".原创 2022-01-23 11:33:07 · 487 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】font标签
font标签是字体标签，它可以用来修改文本的字体、颜色、大小（尺寸）。 color属性修改颜色 face属性修改字体 size属性修改文本大小<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>font标签</title></head><body.原创 2022-01-23 11:16:06 · 465 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】HTML标签的介绍
1、标签的格式 <标签名>封装的数据</标签名>2、标签名大小写不敏感3、标签拥有自己的属性 ① 基本属性 bgcolor="red" 【可以修改简单的样式效果】 ② 事件属性 onclick="alert('你好！');"【可以直接设置事件响应后的代码】4、标签又分为单标签和双标签 ① 单标签格式 <标签名/> br——换行、hr——水平线 ② 双标签格...原创 2022-01-21 13:51:57 · 623 阅读 · 0 评论 -
【尚硅谷 Java Web 笔记】HTML和CSS
目录1、B/S软件的结构2、前端的开发流程3、网页的组成部分4、HTML简介5、创建HTML页面6、HTML的书写规范7、HTML标签的介绍8、HTML标签的语法9、font标签10、特殊字符11、标题标签h1-h612、超链接标签13、无序列表14、lmg标签15、table标签16、表格的跨行跨列17、ifarme标签介绍18、表单显示19、表单格式化20、表单提交的细节21、其他标签div、span、p22、C原创 2022-01-21 12:37:21 · 1061 阅读 · 0 评论