1.html表单的提交:
<form action="" method=""> </form>
action属性设置提交的服务器地址
method属性设置提交方式GET(默认)或POST
2.表单提交数据没有发送给服务器的三种情况:
1.表单项没有name属性
2.单选,复选都需要添加value属性,以便发送给服务器
3.表单项不在提交的form标签中
3.GET请求的特点:
1.浏览器地址栏中的地址是:action属性[+?+请求参数]
2. 请求参数的格式:name=value&name=value
3.不安全
4.若表单值包含ASCII或超过100个字符,必须使用 method=“post”
4.POST请求的特点:
1…浏览器地址栏中只有action属性,即服务器地址
2.相对于GET请求更安全(因为地址栏没有请求参数)
3.理论上没有数据长度的限制
5.CSS语法规则:
p{属性:值;}
p为选择器,一般一行只写一个属性
6.CSS和HTML结合的方式
第一种:在每一个标签后加入style属性,但是会造成可读性差,代码复用性差。例:
<div style="border: aqua solid 2px">第一个css</div>
第二种:在head标签中,使用style标签,按照css语法规则定义各种css样式,缺点不能在多个页面复用。例如:
<style type="text/css">
div{
border: 1px solid cyan;
}</style>
第三种:现在外部定义好css文件,在html的head标签里引入:
<link rel="stylesheet" type="text/css" href="css01.css">
7.css选择器:
标签名选择器:
标签名{
属性:值;
}
id选择器:(通过标签的id属性,指定具体的标签样式,id必须是字母开头)
#id值{
属性:值;
}
类型选择器:(通过class属性选择样式)
.class属性值{
属性:值;
}
组合选择器:(可以让多个选择器共用一个代码)
选择器1,选择器2,选择器n{
属性:值;
}
JavaScript
交互性,安全性(不允许直接访问磁盘),跨平台性
8.js与html结合方式
第一种:在head标签或body标签,使用script标签书写js代码
第二种:使用script标签的src属性引入JavaScript文件
9.javaScript变量类型:
数值类型number,字符串string,对象object,布尔boolean,函数function
10.js特殊值
undefined:未定义,使用js未赋于初始值,默认值都是这个
null:空
NAN:非数值
11.js所有变量都可以是boolean值:当变量为未定义,空,NAN以及数字0时,均为false
12.
js&&且运算
当表达式全为真,返回第一个表达式的值
当表达式有一个为假的时候,返回第一个为假的表达式的值
js|| 或运算
当表达式全为假时候,返回最后一个表达式的值
当表达式有一个为真,返回第一个为真的表达式
13.js的数组
通过数组下标赋值,数组会自动扩容
14.js函数
function 函数名(形参列表){
函数体}
若需要函数返回值:在函数体内直接加return
js函数不允许重载
15.js对象定义:
Object定义: var对象名=new Object();
花括号定于:var 对象名{属性名:值,属性名:值 }
16.js的几种事件名
onload 加载完成事件
onclick 单击事件
onblur 失去焦点事件
onchange 内容发生改变事件
onsubmit 表单提交事件
事件注册:(告诉浏览器,当事件响应后要执行哪些操作代码)
js动态注册步骤:(js代码)
window.οnlοad=function(){//在页面加载完成时候调用,加了这句<script>可以放在<head>内,一般都放在<body>内
标签对象=document.getElementById();
标签对象.事件名=fuction(){"具体响应函数"}
}
17.DOM模型
Doucument对象是一种数结构文档,将标签对象化
18.查找HTML元素三个方法:
通过 id 查找HTML元素:document.getElementById() //返回的是唯一标签元素,因为id唯一
通过标签的name属性查找HTML元素:document.getElementsByName(elementName) //通过name属性值查找,返回的是数组,因为可以重名
通过标签名查找HTML元素:document.getElementsByTagName(tagName) //通过标签名查找,返回的是数组
19.正则表达式
var reg = new RegExp(/^(?=.[a-z])(?=.[A-Z])(?=.*[0-9])[A-Za-z0-9]{4,10}$/i); //最后的i代表忽略大小写
reg.test(文本) //若文本满足仅由大小写字母和数字组成则返回true
20.jQuery
(1)首先引入jQuery库
(2) 使用jQuery为按钮添加响应函数:
标签对象.click(function(){})
21.jQuery核心函数 $
$(参数):调用该函数
1.传入参数为(函数)时,页面加载完成后自动调用该函数
2.传入参数为(HTML字符串)时,会创建html标签对象
3.传入参数为(选择器字符串)时,
$("#id值"):id选择器,根据id查询标签对象
$(“标签名”):标签名选择器
$(".class属性"):类型选择器,通过标签class属性
4.传入参数为(DOM对象)时,将DOM对象转换为jQuery对象
22.jQuery实际上是DOM对象的数组,通过对jQuery对象下标可以取出DOM对象
23.jQuery对象的css()方法设置或返回被选元素的一个或多个样式属性。
24.jQuery还提供了许多选择器,自行查阅API
25.jQuery对象的.val()方法可以对表单项进行赋值
或者将jQuery对象通过下标得到DOM对象用value()得到标签里的值
26.jQuery对象常用函数进行标签筛选
eq():通过索引获得标签元素 例如:$(“标签名”).eq(0);
first():获得第一个元素
last():获得最后一个元素
27.jQuery属性操作
html():设置和获起始标签和结束标签的内容,跟dom属性innerHTML一样
text():设置和获起始标签和结束标签的文本呢,和dom属性innerText一样
val():设置和获取单项的val属性值,和dom属性value一样
attr(“属性名”,值):设置属性的值
attr(“属性名”):获取属性值,不推荐操作checked,selected等等,可以使用prop()替代