一、HTML
①特殊字符表:
②表单提交方式:
get: a.请求参数会在地址栏中显示,会封装到请求行中;
b.请求参数大小有限制;
c.不太安全。
post: a.请求参数不会在地址栏中显示,会封装到请求体中;
b.请求参数大小没有限制;
c.较为安全。
③html中a标签target属性的属性值介绍:
1、_blank:target="_blank"
含义:在一个新的窗口打开被连接文档
2、_self:target="_self"
含义:在当前页面打开被链接文档
3、_parent:target="_parent"
含义:在父框架集中打开被链接文档
4、_top:target="_top"
含义:在整个窗口打开被链接文档
二、CSS
2.1css基本选择器:(优先级:id>类>元素)
①元素选择器
<style>
div{
font-size: 30px;
color: pink;
}
</style>
②类选择器
<style>
.div2{
font-size: 30px;
color: gold;
}
</style>
③id选择器
<style>
#div5{
font-size: 30px;
color: yellow;
}
</style>
2.2css其他选择器
①层级选择器(子选择器)
<!--选择div里的p-->
<style>
div p{
font-size: 30px;
color: green;
}
</style>
②属性选择器
<style>
input[type='text']{
background-color: red;
}
input[type='password']{
background-color: blue;
}
</style>
③并级选择器
<!--选择div和p-->
<style>
div,p{
font-size: 30px;
color: green;
}
</style>
④父选择器
<!--筛选选择器2的父选择器1-->
<style>
div>p{
border: 1px solid;
}
</style>
⑤伪类选择器
<!--选择一些元素具有的状态-->
<!--link:初始化的状态
visited:被访问过的状态
active:正在访问状态
hover:鼠标悬浮状态
-->
<style>
a:link{
color: aliceblue;
}
a:visited{
color: black;
}
a:active{
color: blueviolet;
}
a:hover{
color: brown;
}
</style>
2.3属性
/*清除浮动*/
#clear{
clear: both;
}
2.4引入方式
①行内引入:
<div style="font-size: 20px;color: blue;">
②内部引入
<style type="text/css">
div{
font-size: 30px;
color: pink;
}
</style>
③外部引入
<link rel="stylesheet" href="../../css/style.css" type="text/css"/>
三、JavaScript
a.变量的定义使用var关键字,也可以不使用。
用:定义的变量是局部变量;
不用:定义的变量是全局变量(不建议)。
3.1基本对象:
Function:
①.创建:
a. var fun = new Function(形式参数列表,方法体);(不推荐)
b. function 方法名(形式参数列表){
方法体
}
c. var 方法名 = function(形式参数列表){
方法体
}
②.方法:
③.属性:
length:形参的个数
④.特点:
a.方法定义时,形参的类型不用写,返回值类型也不写
b.若定义名称相同的方法,会覆盖
c.在JS中,方法的调用只与方法名有关,和参数列表无关(调用时参数列表数可以和创建时不同)
d.在方法声明中有一个隐藏的内置对象(数组)arguments,封装所有的实际参数
⑤.调用:
方法名(实际参数列表);
Array:
①.创建:
a.var arr = new Array(元素列表);
b.var arr = new Array(默认长度);
c.var arr = [元素列表];
②.方法:
join(参数):将数组中的元素按照指定的分隔符拼接成字符串;
push():向数组的末尾添加一个或更多的元素,并返回新的长度
③.属性:
length:数组的长度
④.特点:
a.js中,数组元素的类型是可变的
a.js中,数组长度是可变的
Date:日期对象
①.创建:
var date = new Date();
②.方法:
toLocalString():返回当前Date对象对应的时间本地字符串格式
getTime():返回当前时间毫秒值
Math:数学
①.创建:
特点:Math对象不用创建直接使用,Math.方法名();
②.方法:
③.属性:
PI
Boolean:
Number:
String:
RegExp:正则表达式
方法:test(参数):验证指定字符串是否符合正则定义的规范。
Global:
3.2DOM
①获取元素对象
3.3BOM
BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分。
①window对象
②localtion对象
//刷新
var btn = document.getElementById("btn");
btn.onclick = function fun() {
location.reload();
}
//获取href
var gotoHome = document.getElementById("gotoHome");
gotoHome.onclick = function () {
location.href = "http://www.itcast.cn";
}
③History对象
history是Javascript中Window下的对像,用于存储浏览器的历史信息。它含有三个方法,go(),back()和forward(),分别用来控制页面的跳转。其中:
back()表示返回到上一页面,效果相当于go(-1);
forward()表示返回到下一页面,效果相当于go(1);
go()用于指定页的跳转,比如go(-2)表示返回到浏览过的前两个页面。
length属性:返回当前窗口历史列表中URL数量。
四、Bootstrap(https://v3.bootcss.com)
jquery-3.2.1.min.js:
链接(包含所有版本):http://www.jq22.com/jquery-info122