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