编程基础

HTML/CSS

HTML

浏览器带有HTML解析器，在LINUX中模仿浏览器向HTML网页发起curl请求，返回的是HTML源代码。

HTML是前端语言，在服务器解析运行，PHP等后端语言在服务器运行

action就是把输入的数据提交到Input.php，以POST的方式提交

GET请求一般用于访问网站时使用（一般是服务器向本地发送数据），向服务器传输数据一般为POST请求（一般是本地向服务器发送数据）

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单用于向服务器传输数据。

accept-charset	charset_list	规定服务器可处理的表单数据字符集。
action	URL	规定当提交表单时向何处发送表单数据。
autocomplete	· on· off	规定是否启用表单的自动完成功能。
enctype	见说明	规定在发送表单数据之前如何对其进行编码。
method	· get· post	规定用于发送 form-data 的 HTTP 方法。
name	form_name	规定表单的名称。
novalidate	novalidate	如果使用该属性，则提交表单时不进行验证。
target	· _blank· _self· _parent· _top· framename	规定在何处打开 action URL。
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	type 属性规定要显示的 `<input>` 元素的类型。

type 属性规定要显示的 <input> 元素的类型。

Value：指定 <input> 元素 value 的值。可以理解进去文本框就默认填写的值，前端填写就可以修改，动态变化

form标签内含input标签 Type=password会把密码变成······

Type=submit点击会把表单提交到action的位置

name值用于在后端php代码准确接收值

select为选择框

CSS

选择符就是标签名，比如标题标签<h1></h1>，选择它的选择符就是h1

type值不写，可识别CSS代码，type=”text/css“代表这个style表内是css语言

后面有相对的<script type=”text/javascript”></script>表明这是个js语言

如图，就在头部加一个<style>标签，对p标签里的内容赋予css语句内的属性值：text-align文本位置：center居中，color颜色：red红色

使用的是内部样式表，css语句<style></style>用于<head></head>头部标签内（注意区分头部head和首部）应用于全文本

如果要对单独的标签使用就在首部标签内加style=“属性名：属性值”

.定义类

#命名ID，后面用id=..就可以直接引用，和前面的类用处一样

JAVASCRIPT

Type=“text/javascript”表明中间是js代码（可以忽略不写）

浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码

JS虽然储存在服务器，但是和HTML和CSS一样，是由浏览器解析的

和CSS一样，JS写在HTML文本里面

var声明变量

变量名对大小写敏感

X-=y相当于x=x-y，其他的都是一个意思

A=x++是x把值赋给A然后x再加一，运算结果为x=x+1,a=x

A=++x是x+1后把值赋给A，所以运算结果为x=x+1,a=x+1

该语句的else if能有任意个

排在前的条件具有优先性，在满足多个条件下满足第一个条件即可跳出

可以不写default，在不满足所有case值时跳出不执行命令并跳出switch

Javascript控制流（循环）

先执行表达式1，在表达式2的条件下执行代码块，每次执行完代码块都要执行表达式3，直至不满足表达式2，如

if不属于循环，所以if(){break;}是跳出外层循环

Continue，跳过此次循环执行下一次循环

函数

函数声明后不会立即执行，会在我们需要的时候调用到。

函数名可自定义，不一定为add，在后面调用函数时使用函数名调用

调用函数：函数名（）；

如果不注释掉a,b的值，先是add给a，b赋值，然后var将add的值覆盖

如果不用return每次使用函数都是必须输出结果或者都不输出结果，这很脑瘫，用return方便灵活的对结果进行下一步处理

自动执行一次函数

也可以这么写

var x=function(a,b){return a*b;};

var z=x(3,4);

Document.write(z);

输出12

如果在函数内部定义一个变量，也就是不加var，就会作用于其他函数。

总结：写在函数外部的无论有没有var是全局变量，写在函数内部的加var是局部变量，不加Var是全局变量

（最好写var规范代码）

全局变量和局部变量都有的时候，局部变量具有优先度，如图：

输出结果分别为1和11，局部变量输出的结果并不外传

JS对象构造

输出结果为JohnJohn

对象属性间要加逗号或分号

方法其实就是一个函数，调用格式为：对象名.方法名（）；

如图，person.sayName();就是调用person对象的sayName方法函数

在这里是使用var创建对象

var和new的区别：var的属性是固定的，后面调用不能修改，而new每次对属性赋值，非常灵活

var的属性为冒号，function创建函数后用new调用函数创建tom对象，属性是直接赋值，用等号

var是直接创建对象，new是先构造函数，再创建对象

Function person(name,age,job)

{this.name = name;

 This.age =age;

 This.job =job;

 This.sayName =function()

 {alert(this.name);

};

}

整个函数称为类，后面对类进行赋值，用new创建称为对象

一般都是先创建类再使用对象

This.name···表示对象的属性，而name··是类的属性，创建this.name是为了创建的对象不影响类的使用

DATE，是内置的对象，不需要创建就能直接调用

String是一个创建字符串的函数

这些都是方法，查找、替换等，相当于一个函数，要加（）

而属性则直接写上，不用（）调用

数组

三种方法构造数组，通常使用最简单的第三种，在JS中一切东西都是对象，所以创建数组的原理还是创建类，并对类赋值创建对象，JS内置了数组的类，所以可以直接创建对象再赋值，最后一个是直接赋值

DOM

innerHTML表示标签内的值

getElementById()获取带有指定ID的标签，创建对象，再用innerHTML获取指定标签内的值

getElementsByTagName(“”)根据标签名获取对象，把标签名一样的都放入数组中，所以后面使用数组的使用方式

DOM也就是HTML的结构

事件

点击后就会显示当前操作系统的时间，使用DOM操作选定ID为demo的标签，把内容指定为Date函数。注意，onclick写在标签头内，且onclick==“”引号不能丢

编程基础（一）

编程基础

HTML/CSS

HTML

CSS

JAVASCRIPT

Javascript控制流（循环）