HTML+JS+CSS
HTML
简单标签
<body></body>:包含文档可见内容
<p></p>:包含文本的标题
<meta/>:提供页面的元素信息，设置网站的描述、关键词、编码等，不需要闭合
位于<head></head>内
charset：必须位于首行，否则会乱码
keywords:网页关键字
<script></script>:用于引入JS代码或者添加JS代码
<script src=""></script>
<script>alert（“1”）；</script>
<link>:用于引入CSS文件 需要定义为样式表
rel=stylesheet href
<h1.2.3.4.5.6></h1.2.3.4.5.6>:标题大小由大到小
<strong></strong> <b></b>:加粗文本
<sub></sub>:下标
<sup></sup>:上标
<del></del>:删除线
<pre></pre>:代码原样输出到页面上，包括换行等
<br/>:换行标签表单标签：
作用：用于收集用户的信息，并将用户输入的信息发送到WEB服务器上
标签：<form></form>
method:get post
action：信息提交的网址，不写默认提交到本网页
enctype:当使用post提交的时候还需要确定请求体的编码
一般包含<input type="" />标签使用
<input>标签：
<input type="text" name="username" value="">
type:password时密码为星号不可查看
submit时会被渲染成按钮，value值为按键值 默认值为提交
reset:渲染成按钮，重置
hidden:后面通常跟name,value，用于对用户隐藏上传到服务器的信息
radio:单选框
<input type="radio" name="x" value="1">男
<input type="radio" name="x" value="2">女
<input type="submit" value="查询">
两个用于选择性别的单选框，否则就不是多选一了
注意name值得相同
checkbox:复选框：
<inout type="checkbox" name="hobby" value="3">跳舞
<inout type="checkbox" name="hobby" value="4">唱歌
<inout type="checkbox" name="hobby" value="5">打篮球
size：文本框的长度
name:页面接受的参数
value:input输入框的默认值
readonly:value不能被修改，只读 true false
maxlength:最大长度
disable:可以不跟值
简单的文件上传例子：
<script>
xss=()=>{
alert('hello');
}
</script>
<form method="post" enctype="multipart/form-data">
文件上传<input type="file" name="file">
<input type="submit" value="upload">
<input type="button" value="try?" onclick="xss()">
</form>
<textarea>:文本域,可以直接嵌入<form>表单
<label></label>:用户选择该标签时，浏览器会自动将焦点转移到和标签相关的表单空啊晋商
<label for="n1">年龄:</label><input type="text" id="n1"><br />
<label for="n2">身高:</label><input type="text" id="n2"><br />
<label for="n3">体重:</label><input type="text" id="n3">文件上传：
单选框、复选框：
`<label>`标签：
下拉框：
<select></select>:用于创建下拉列表，常用于表单中，元素内的<option>白哦前定义下拉列表中的可用选项
提交表单后需要name属性引用表达那数据，如果省略，列表中的数据将不会被提交
<select name="cars" id="cars">
<option value="baoma">宝马</option>
<option value="aodi">奥迪</option>
<option value="jili">吉利</option>
</select>
请求体为：cars:jilihtml字符实体
html中有些字符是预留的，比如不能使用 < > 等，可以使用实体名称和实体编号代替
空格  
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号 ' (IE不支持) '
￠ 分（cent） ¢ ¢
£ 镑（pound） £ £
¥ 元（yen） ¥ ¥
€ 欧元（euro） € €
§ 小节 § §
© 版权（copyright） © ©
® 注册商标 ® ®
™ 商标 ™ ™
× 乘号 × ×
÷ 除号 ÷ ÷a标签
锚点
<a href="#xxx">锚点</a> ==》标记位置
<a name="xxx">跳转位置</a> ===》跳转位置
仍然属于url跳转，只不过是本页面列表标签
无序列表：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
无序号
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
默认为数字，type=a表格
<table></table>iframe标签
<iframe></iframe>:规定一个内联框架，用来在当前html中嵌入另外一个文档
<iframe src="http://missmoon.cn"></iframe>JS
在html中js代码由浏览器执行
1.嵌入方法
理论上可以写入到任何地方，通常在body和header中
内嵌式：
<script>
check()=>{
alert("1")
}
</script>
外嵌式：
<script src="xxx.js"></script>
行内式：
<button onclick="check()">1</button>
<button onclick="javascript:alert('2')">2</button>2.注释
单行 //
多行 /**/3.变量
JS中单双引号没有区别
现在推荐使用const和let
不推荐使用var的原因：
1.使用 var 声明的变量会存在变量提升的现象，即变量可以在声明之前被使用，值为 undefined。这可能会导致一些难以理解和调试的问题。
2.作用域问题：在函数内部使用 var 声明的变量，其作用域是函数级别的。而在块级作用域（如 if 语句、for 循环等）中，使用 var 声明的变量仍然是函数级作用域，而不是块级作用域。这与人们通常对块级作用域的理解不一致，可能会导致意外的结果。
——————————————————————————————————————————————————————————
function example() {
for (var i = 0; i < 5; i++) {
console.log(i);
}
console.log(i);
}
example();
以上例子中var的作用域为函数，for循环外仍然可以调用变量i
——————————————————————————————————————————————————————————
字符串、对象、数组、字典、列表4.console
console.log/info:在控制台输出某个变量的值\
typeof xxx:返回变量类型5.数字类型
只有一种数字类型，可以是小鼠，也可以是整数
0开头：默认使用8进制
0x开头：默认使用16进制
带有e默认使用科学计数法来解析
n=0351 ==>233
parseInt():将谋值转换成数字
parseFloat():将谋值转换成浮点数6.字符串类型
a.length():长度
a.trim():删除空白
a.charAt():获取第某个字符，从0开始
字符串凭借可以使用+号 或者 a.concat('xxxx')
a.indexOf('xx'):获取某个字母出现的位置，有重复找第一个
a.lastIndexOf:找最后一个
a.substring(x,x)：截取字段，左闭右开
a.split()：切片
a.replace():默认只会替换第一个，全局替换需要/xxxx/g7.数组
[]或者b=new array('','') new array(10)：定义长度
a.length():
a.push():尾部追加元素
a.pop():尾部获取一个元素
a.reverse():反转
a.splice():插入、替换、删除数组指定位置的元素，会改变原始数组8.其他类型
== ===
等于与PHP的类似，但不存在以下情况：
|| && 或 与
JS中null并不等于0和“”(空)，但后两个相同
null表示变量为空，undefine表示变量未被赋值
License:
CC BY 4.0