Html
开发网页的一门技术
css:润饰,渲染网页的技术
HTML:超文本标记语言
最根底的开发网页的语言
以html,htm为结尾
html开发的网页文件由浏览器负责解析并显示
html文件是文档的一种
网页中换行:<br/>
网页中空格: 或
图像标签:<img src=""/>
超链接标签:
表格标签
table--用于在网页中定义一个表格
tr--用于定义表格中的行
td--用于定义表格中的单元格
th--用于定义表头行的单元格
表单标签
表单作用:用于向服务器提交数据
向服务器提交数据的两种形式
通过表单向服务器提交数据
通过超链接向服务器提交数据
表单标签
action:用于指定表单的提交地址
method:提交形式
表单项标签
一般文本输入框:input type="text"
明码输入框: input type="password"
单选框:input type="radio"
复选框:input type="checkbox"
一般按钮:input type="button"
提交按钮:input type="submit"
多行文本输入框: textarea :cols列/宽度,rows行/高度,placeholder设置输入框中提示信息
css
层叠样式表,润饰网页,实现设置款式的css和展现数据的html代码进行拆散
3种形式引入css
通过style属性引入,不举荐
通过style标签引入css,举荐
通过link链接引入内部的css文件
css选择器
标签名选择器
class选择器
id选择器
后辈选择器 先人 后辈{css款式}
属性选择器 选择器 属性条件1{css款式}
JavaScript
js,网景公司提供,专门嵌入在浏览器中执行的脚本语言
负责实现网页中的动画成果和实现表单校验
特点
直译式语言
基于对象的语言
弱类型语言
js具备良好的交互性
js具备肯定的安全性
js具备跨平台性
引入js
在html文件中退出script,就能够书写js代码了
通过标签或者引入内部的文件
dom操作
Document Object Model:文档对象模型
js获取元素
document是一个js对象,用于示意以后html网页
当浏览器加载残缺个html网页后,会用document对象示意整个网页
getElementById(id值)通过元素的id值,获取一个元素,返回的是示意该元素的js对象
getElementsByTagName(元素名)--通过元素名称获取以后文档中的所有指定名称的元素,
返回的是一个数组,其中蕴含了所有指定名称的元素
body--获取以后文档中的body元素
element.parentNode--获取以后元素的父元素,element示意以后元素
js增删改查元素
document.createElement(元素名称)--依据元素名称创立指定名称的元素,返回的是示意新创建元素的js对象
parent.appendChild(child)--通过父元素增加子元素
parent.removeChild(child)--通过父元素删除子元素
element.innerHTML--获取以后元素的html内容,还能够设置以后元素的HTML内容
JQuery
js的一个简略框架--轻量的,开源的
极大的简化js代码
jQuery的核心思想:写的更少,但做的更多
jQuery实质就是蕴含了很多函数的js文件
jQuery的劣势
极大的简化js代码
能够像css选择器一样获取html元素
能够通过批改css属性管制页面的成果
能够兼容罕用的浏览器
jQuery的援用
jQuery的函数库文件就是一个一般的js文件,引入的形式和引入js文件形式一样
文档就绪事件函数
$(function(){
//浏览器加载残缺个html网页后立刻执行
});
js原生的写法
window.onload=function(){
}
jQuery的选择器
元素名选择器
类选择器
id选择器
多元素选择器
元素属性和css属性操作
prop函数--获取或设置元素的属性值
css函数--获取或设置元素的css属性值
each函数--遍历选择器中所有元素,设置元素的下标和以后正在遍历的元素
show函数-设置元素由暗藏变为显示
hide函数-设置元素由显示变为暗藏
toggle--切换元素的显示状态
slidToggle函数--切换元素的显示状态
显示状态--为下拉状态
暗藏状态--为膨胀状态
绑定点击事件
为元素绑定点击事件
js
onclick="..函数"
script里创立..函数
js
创立id
script里window.onload=函数里
获取id值,任何依据id.onclick=函数(){}
jQuery
创立id
$(function(){
$("id").click(function(){
});
});
js对象和jQuery对象相互转换
js对象--转换jQuery对象---$(js对象)
jQuery对象--转成js对象--jQuery对象[下标]
服务器硬件和服务器软件
服务器硬件:在互联网上具备独立IP地址的计算机
服务器软件:就是一个计算机程序
web服务器:驻留在互联网上的某种类型的计算机程序
当浏览器拜访服务器时,申请服务器上的文件时,服务器将会解决该申请
并将申请的文件响应给浏览器
web服务器是能够向发出请求的浏览器提供文档的程序
虚拟主机
虚拟主机就是tomcat服务器中配置的一个站点,默认提供了一个localhost虚拟主机
这个主机的公布目录是webapps
war包
Java程序的一种压缩形式,益处:文件体积变小传输起来不便,war包公布到服务器中,服务器能辨认war包格局,会主动将war包解压公布
HTTP协定
用于规定浏览器和服务器之间的通信形式/规定
根本准则
一次申请,只对应一次响应
申请只能由浏览器发动,服务器只能被动的期待申请,依据申请做出响应
get和post
如果申请中有数据,数据量比拟大或者数据比拟隐衷,就应用post,其余都用get