本帖最后由 小石姐姐 于 2018-1-18 15:23 编辑
web阶段部分总结
HTML 超文本标记语言
用来制作页面(静态页面)
在设计网站的页面的使用
扩展名是.html或者.htm结尾
结构标签
跟标签:<html></html>
head html头标前
<font> 字体标签
color颜色
size大小
face字体
<br>换行
标题标签
<h1>一级标题<h2> h1-h6
段落标签
<p>
粗体标签
<b>
斜体标签
<i>
下划线标签
<u>
居中标签
<center>
<hr/>横线
<pre>原生标签
-------
图片标签<img>
src 来源
width 宽度
height 高度
alt 找不到显示内容
../上一级
有序列表ol 无序列表ul
li
超链接标签a
href路径
table表格
------
from 表单标签 两个属性: action:提交的路径 默认当前页面
method 提交的方式 默认get ,post
get:数据会显示到地址栏中 get有大小限制
post: 数据不会显示到地址栏中 post 没有大小限制
<input type="text"> 文本框
password 密码框
radio 单选按钮
name value checked默认勾选
CheckBox 复选按钮
button 普通按钮
submit 提交按钮
reset 重置按钮
File 文件上传的表单项
hidden 隐藏字段
<select> 下拉列表
<option>
<texttarea> 文本域
CSS的样式:
* 文本
* 背景
* 字体
* 列表
CSS的盒子模型:
* 内边距:padding
* 边框:border
* 外边距:margin
CSS的悬浮和定位:
* 悬浮:float属性设置悬浮.
* 清除悬浮:clear属性清除.
* 定位:position属性设置定位.
* 使用left和top属性控制位置.
* display属性:控制元素的显示方式:
* block--显示的, none--隐藏的,inline--显示到一行.
CSS的样式:
* 文本
* 背景
* 字体
* 列表
CSS的盒子模型:
* 内边距:padding
* 边框:border
* 外边距:margin
CSS的悬浮和定位:
* 悬浮:float属性设置悬浮.
* 清除悬浮:clear属性清除.
* 定位:position属性设置定位.
* 使用left和top属性控制位置.
* display属性:控制元素的显示方式:
* block--显示的, none--隐藏的,inline--显示到一行.
设置定时的方法 setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式
setTimeout() 在指定的毫秒数后调用函数或计算表达式
清除定时的方法
dearInterval()取消由setInterval()设置的timeout
dearTimeout()取消由setTimeout()设置的timeout
alert(); --弹出对话框
confirm(); --弹出一个确认窗口
prompt(); --弹出一个可输入的对话框
open(); --打开一个新窗口
js的事件总结:
onfocus :获得焦点.
onblur :失去焦点.
onsubmit :提交的时候
onload :页面加载
onclick :点击
onsubmit :提交
onfocus :获得焦点
onblur :失去焦点
onchange :下拉列表改变事件.
ondblclick:双击某个元素的事件.
键盘操作事件:
onkeydown
onkeyup
onkeypress:
鼠标操作事件:
onmousemove:
onmouseout:
onmouseover:
onmousedown
onmouseup
获得元素:
document.getElementById(); -- 通过ID获得元素.
document.getElementsByName(); -- 通过name属性获得元素.
document.getElementsByTagName(); -- 通过标签名获得元素.
创建元素:
document.createElement(); -- 创建元素
document.createTextNode(); -- 创建文本
添加节点:
element.appendChild(); -- 在最后添加一个节点.
element.insertBefore(); -- 在某个元素之前插入.
删除节点:
element.removeChild(); -- 删除元素
|