没有合适的资源?快使用搜索试试~ 我知道了~
首页尚硅谷JavaWeb1:HTML基础与JavaEE工作环境设置
尚硅谷JavaWeb1:HTML基础与JavaEE工作环境设置
需积分: 0 0 下载量 182 浏览量
更新于2024-07-01
收藏 3.15MB PDF 举报
本资源是尚硅谷Java技术系列的一部分,专注于JavaWeb的基础入门教程。章节一主要讲解HTML基础知识的准备阶段,包括选用Spring Tool Suite (STS) 的最新版本3.9.2.RELEASE,确保解压后的路径没有中文且设置UTF-8编码,以避免编码问题。此外,还指导用户如何创建和定制Eclipse工作空间,保留常用视图如PackageExplorer,并针对Web和JavaEE开发分别设置了不同的工作视图。 课程强调了浏览器/服务器(B/S)架构和客户端/服务器(C/S)架构的概念,这两种架构在软件开发中起着核心作用。B/S架构使得应用程序通过浏览器访问,只要有网络连接即可使用,而C/S架构则需要在用户的设备上安装客户端软件才能运行。浏览器负责展示HTML内容,而服务器则处理这些请求并进行数据交互。 用户被引导设置菜单可见性和字符显示大小,以优化开发环境的个性化体验。这表明课程注重细节,旨在提供一个清晰、高效的开发环境,以便学员更好地理解和掌握JavaWeb技术。 整个课程系列涵盖了Java、大数据、前端、Python以及人工智能等多个领域,旨在提升学员的全面技能。对于想要深入学习JavaWeb或扩展至其他技术领域的开发者来说,尚硅谷提供了丰富的资源和实践指导,适合初学者和进阶者使用。访问尚硅谷官网可以获取更多相关的课程资料和下载支持。
资源详情
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/86293501/bg10.jpg)
JavaEE 课程系列
—————————————————————————————
16
更多 Java –大数据 –前端 –python 人工智能资料下载,可访问百度:尚硅谷官网
话框
window.onload = function(){
alert(“
文档加载完成了!
”)
}
我们也可以使用标签的事件属性来触发响应函数,如:
<a href=”atguigu.com” onclick=”gotoguigu()”>
尚硅谷
</a>
//onclick
会触发
gotoguigu()
函数
我们在
<script></script>
中定义这个函数
<script type=”text/javascript”>
function gotoguigu(){
alert(“
我要去上硅谷
”)
}
</script>
3.7 取消事件的默认行为
1)默认行为:某些事件触发后,系统会有默认的响应处理。如:
超链接点击后会自动跳转、表单提交点击后会发送请求
2)取消默认行为的方式:
return false;即可
3.8 正确的 js 加载方式
文档加载完成后加载
js
所以我们以后写
js
的时候,请把他包在
window.onload
的响应函数里,表示文档
加载完成后会执行函数里面的代码。
<script type=”text/javascript”>
window.onload = function(){
//js
代码
![](https://csdnimg.cn/release/download_crawler_static/86293501/bg11.jpg)
JavaEE 课程系列
—————————————————————————————
17
更多 Java –大数据 –前端 –python 人工智能资料下载,可访问百度:尚硅谷官网
}
</script>
4.dom 操作
4.1
什么是
DOM
:
Document Object Modal(
文档对象模型
)
,我们浏览器把整个网页会当成一个大的对
象,利用面向对象的方式操作网页内容。
4.2 DOM 模型:
4.3 document
对象
document
对象时
window
对象的一个属性,代表当前整个
HTML
文档,将这个文档
抽象成了
document
对象,包含了整个
dom
树的所有内容。
其本质是
window.document
,而
window.
可以省略。直接使用
document
![](https://csdnimg.cn/release/download_crawler_static/86293501/bg12.jpg)
JavaEE 课程系列
—————————————————————————————
18
更多 Java –大数据 –前端 –python 人工智能资料下载,可访问百度:尚硅谷官网
4.4 DOM
查询
元素查询
功能
API
返回值
●在整个文档范围内查询元素节点
根据
id
值查询
document.getElementById(“id
值
”)
一个具体的元素节点
根据标签名查询
document.getElementsByTagName(“
标签名
”)
元素节点数组
根据 name 属性值查询
document.getElementsByName(“name 值”)
元素节点数组
●在具体元素节点范围内查找子节点
查找全部子节点
element.childNodes
【
W3C
考虑换行,
IE
≤
9
不考虑】
节点数组
查找第一个子节点
element.firstChild【W3C 考虑换行,IE≤9 不考虑】
节点对象
查找最后一个子节点
element.lastChild【W3C 考虑换行,IE≤9 不考虑】
节点对象
查找指定标签名的子节点
element.getElementsByTagName(“标签名”)
元素节点数组
●查找指定元素节点的父节点:element.parentNode
●查找指定元素节点的兄弟节点
查找前一个兄弟节点
node.previousSibling【W3C 考虑换行,IE≤9 不考虑】
节点对象
查找后一个兄弟节点
node.nextSibling【W3C 考虑换行,IE≤9 不考虑】
节点对象
4.5 属性操作
1)读取属性值
元素对象.属性名
2)修改属性值
元素对象.属性名=新的属性值
4.6
文本操作
1
)读取文本值:
element.firstChild.nodeValue
2
)修改文本值:
element.firstChild.nodeValue=
新文本值
![](https://csdnimg.cn/release/download_crawler_static/86293501/bg13.jpg)
JavaEE 课程系列
—————————————————————————————
19
更多 Java –大数据 –前端 –python 人工智能资料下载,可访问百度:尚硅谷官网
第 4 章 Jquery
1.简介
1)jquery 是目前最流行的一种 JavaScript 库。
2)所谓 JavaScript 库就是对 JavaScript 进行进一步封装和开发,然后将其打包为 js 文件
方便重复调用。jquery 也可称为 JavaScript 框架。
3) jquery 的主要功能是简化 JavaScript 的开发工作。并且基本解决了浏览器的兼容问
题。
2
.核心函数
2.1 $是 jquery 的核心函数。
jquery 的大部分功能都是核心函数来完成的。
2.2
核心函数根据实参的不同,有四种不同的用法
2.2.1 传入一个函数作为参数
如:
$(function(){})
作用:和
window.onload = function(){}
一样,在文档加载完成后调用
2.2.2
传入一个选择器的字符串
如:$(“#id”)
作用:和 document.getElementById(“id”)一样,从文档查询需要的元素
2.2.3 传入一段 HTML 代码
如:
$(“<li>
广州
</li>”)
作用:创建一个
li
对象
![](https://csdnimg.cn/release/download_crawler_static/86293501/bg14.jpg)
JavaEE 课程系列
—————————————————————————————
20
更多 Java –大数据 –前端 –python 人工智能资料下载,可访问百度:尚硅谷官网
2.2.4
传一个
DOM
对象
如:var ele=document.getElementById(“abc”); var x= $(ele);
作用:将一个 js 获取的 dom 对象转化为一个 jquery 对象。这样就可以使用 jquery 里面
的方法了
3.jquery 对象与 dom 对象
3.1 dom 对象
dom 对象是原生的网页文档对象。可以通过 js 获取到文档对象。然后进行增删改操 作。
3.2 jquery 对象
jquery
对象是使用
jquery
包装后的文档对象。只有这个对象才可以调用
jquery
的方 法。
dom
对象不是
jquery
的对象,所以我们不能调用
jquery
的方法,我们需要将其包 装 为
jquery
对象才可
3.2.1 DOM 对象
通过原生 JS 获取的对象是 DOM 对象
3.2.2 jQuery 对象
通过
jQuery
核心函数包装过的对象叫做
jQuery
对象
3.2.3 比较
1)两种对象之间不能互相调用对方的方法
2)命名上的区别:
jQuery 对象命名时习惯加上$,加以区分。
3.2.4 转换
1
)
DOM --> jQuery
$(DOM
对象
)
剩余118页未读,继续阅读
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/6c55a06f81c3424eb5e24aee8483d18b_weixin_35775446.jpg!1)
我就是月下
- 粉丝: 26
- 资源: 336
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
会员权益专享
最新资源
- 电力电子系统建模与控制入门
- SQL数据库基础入门:发展历程与关键概念
- DC/DC变换器动态建模与控制方法解析
- 市***专有云IaaS服务:云主机与数据库解决方案
- 紫鸟数据魔方:跨境电商选品神器,助力爆款打造
- 电力电子技术:DC-DC变换器动态模型与控制
- 视觉与实用并重:跨境电商产品开发的六重价值策略
- VB.NET三层架构下的数据库应用程序开发
- 跨境电商产品开发:关键词策略与用户痛点挖掘
- VC-MFC数据库编程技巧与实现
- 亚马逊新品开发策略:选品与市场研究
- 数据库基础知识:从数据到Visual FoxPro应用
- 计算机专业实习经验与项目总结
- Sparkle家族轻量级加密与哈希:提升IoT设备数据安全性
- SQL数据库期末考试精选题与答案解析
- H3C规模数据融合:技术探讨与应用案例解析
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)