1_javaweb

最新推荐文章于 2024-11-11 21:19:25 发布

风满楼i

最新推荐文章于 2024-11-11 21:19:25 发布

阅读量127

点赞数

分类专栏： javaweb 文章标签： java

本文链接：https://blog.csdn.net/m0_45204457/article/details/108329357

版权

javaweb 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.HTML

1.超链接

<body> 
<!-- a标 签 是 超 链 接 href 属 性 设 置 连 接 的 地 址 target 属 性 设 置 哪 个 目 标 进 行 跳 转 _self 表 示 当 前 页 面 ( 默 认 值 ) _blank 表 示 打 开 新 页 面 来 进 行 跳 转-->
<a href="http://localhost:8080">百度</a><br/>
<a href="http://localhost:8080" target="_self">百度_self</a><br/>
<a href="http://localhost:8080" target="_blank">百度_blank</a><br/> </body

2.表格标签
form标签就是表单
input type=text 是文件输入框 value设置默认显示内容
input type=password 是密码输入框 value设置默认显示内容
input type=radio 是单选框 name属性可以对其进行分组 checked="checked"表示默认选中
input type=checkbox 是复选框 checked="checked"表示默认选中
input type=reset 是重置按钮 value属性修改按钮上的文本
input type=submit 是提交按钮 value属性修改按钮上的文本
input type=button 是按钮 value属性修改按钮上的文本
input type=file 是文件上传域
input type=hidden 是隐藏域当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的时候同时发送给服务器）
select 标签是下拉列表框
option 标签是下拉列表框中的选项 selected="selected"设置默认选中
textarea 表示多行文本输入框（起始标签和结束标签中的内容是默认值）
rows 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符宽度

2.CSS

1.语法规则：p{color:blue}
2.把 css 样式写成一个单独的 css 文件，再通过 link 标签引入即可复用。
使用 html 的标签导入 css 样式文件。

3.JavaScript

1.alert是 JavaScript语言提供的一个警告框函数。它可以接收任意类型的参数，这个参数就是警告框的提示信息
2. 常用的事件：
onload 加载完成事件：页面加载完成之后，常用于做页面 js 代码初始化操作。onload事件是浏览器解析完页面之后就会自动触发的事件
onclick 单击事件：常用于按钮的点击响应操作。
onblur 失去焦点事件：常用用于输入框失去焦点后验证其输入内容是否合法。
onchange 内容发生改变事件：常用于下拉列表和输入框内容发生改变后操作
onsubmit 表单提交事件：常用于表单提交前，验证所有表单项是否合法。
3.DOM 模型
document.getElementById(elementId) 通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值
document.getElementsByName(elementName) 通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值
document.getElementsByTagName(tagname) 通过标签名查找标签 dom 对象。tagname 是标签名
document.createElement( tagName) 方法，通过给定的标签名，创建一个标签对象。tagName 是要创建的标签名
注： document 对象的三个查询方法，如果有 id 属性，优先使用 getElementById 方法来进行查询如果没有 id 属性，则优先使用 getElementsByName 方法来进行查询如果 id 属性和 name 属性都没有最后再按标签名查 getElementsByTagName
以上三个方法，一定要在页面加载完成之后执行，才能查询到标签对象。

4.jQuery

1.jQuery 选择器
① 基本选择器
#ID 选择器：根据 id 查找标签对象
.class 选择器：根据 class 查找标签对象
element 选择器：根据标签名查找标签对象
selector1，selector2 组合选择器：合并选择器 1，选择器 2 的结果并返回
② 层级选择器
ancestor descendant 后代选择器：在给定的祖先元素下匹配所有的后代元素
parent>child 子元素选择器：在给定的父元素下匹配所有的子元素
prev+next 相邻元素选择器：匹配所有紧接在 prev 元素后的 next 元素
prev~sibings 之后的兄弟元素选择器：匹配 prev 元素之后的所有 siblings 元素
③ 其他选择器
3.jQuery 事件操作
$(function(){}); 和 window.οnlοad=function(){} 的区别？
他们分别是在什么时候触发？
1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。 2、原生 js 的页面加载完成之后，除了要等浏览器内核解析完标签创建好 DOM 对象，还要等标签显示时需要的内容加载完成
他们触发的顺序？
1、jQuery 页面加载完成之后先执行 2、原生 js 的页面加载完成之后
他们执行的次数？
1、原生 js 的页面加载完成之后，只会执行最后一次的赋值函数。 2、jQuery 的页面加载完成之后是全部把注册的 function 函数，依次顺序全部执行

5.xml

1.xml 的主要作用有：用来保存数据，而且这些数据具有自我描述性；它还可以做为项目或者模块的配置文件；还可以做为网络传输数据的格式（现在 JSON 为主）。
2.dom4j 解析技术
第一步：先加载 xml 文件创建 Document 对象第二步：通过 Document 对象拿到根元素对象第三步：通过根元素.elelemts(标签名); 可以返回一个集合，这个集合里放着。所有你指定的标签名的元素对象第四步：找到你想要修改、删除的子元素，进行相应在的操作第五步，保存到硬盘上