一、HTML

①特殊字符表:

java 前端replace java前端基础知识_java 前端replace


②表单提交方式:

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属性

java 前端replace java前端基础知识_css_02

/*清除浮动*/
			#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关键字,也可以不使用。

用:定义的变量是局部变量;

不用:定义的变量是全局变量(不建议)。

java 前端replace java前端基础知识_css_03


java 前端replace java前端基础知识_javascript_04


java 前端replace java前端基础知识_css_05


java 前端replace java前端基础知识_javascript_06


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:正则表达式

java 前端replace java前端基础知识_javascript_07


方法:test(参数):验证指定字符串是否符合正则定义的规范。

Global:

java 前端replace java前端基础知识_css_08


3.2DOM

java 前端replace java前端基础知识_java 前端replace_09


java 前端replace java前端基础知识_java 前端replace_10


java 前端replace java前端基础知识_java_11


java 前端replace java前端基础知识_java_12


①获取元素对象

java 前端replace java前端基础知识_javascript_13

3.3BOM

BOM是browser object model的缩写,简称浏览器对象模型

BOM提供了独立于内容而与浏览器窗口进行交互的对象

由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window

BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性

BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C

BOM最初是Netscape浏览器标准的一部分。

java 前端replace java前端基础知识_css_14


①window对象

java 前端replace java前端基础知识_html_15


②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

java 前端replace java前端基础知识_html_16


java 前端replace java前端基础知识_java_17


java 前端replace java前端基础知识_java 前端replace_18