html
描述网页的一种标记语言
超链接
<a>标签
常用属性
href 用于设定链接指向页面的url
表格标签
form 标签
代表一个表单,用于向服务器传输数据
link 标签
定义文档与外部资源的关系
最常见的用途是链接样式表
只能存在于head部分
常用属性
type:被链接文档的MIME类型
```bash
MIME:全称Multipurpose Internet Mail Extendsions
设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问时,浏览器会自动使用指定应用程序来打开
href:定义被链接的文档的url
rel:定义当前文档与被链接文档之间的关系
## css
由两部分组成:选择器,一条或多条声明
指层叠样式表
样式定义如何显示HTML元素
导入css方式
**外部样式表:**
```css
<link rel="stylesheet" type="text/css" href="xxx.css">
css选择器:
id选择器使用#引入
类选择器使用.引入
元素选择器
JS
脚本语言,也称动态语言,是一种解释器语言,由解释器运行,用来控制软件应用程序,脚本通常以文本保存,只有被调用时进行解释或编译
作用:通过js改变html内容,样式,进行验证等
js组成
ECMAScript
DOM :操作网页
BOM:操作浏览器
导入js方式:
在html页面中直接插入js
引入外部的js
<script src="xxx.js">此处不可在写js代码</script>
<script>标签可在html页面任意位置,一般放在<head>中
变量声明
var i=0;;
var visible =true;
数据类型
ECMAScript原始类型
String :'' ""
Number : 任意数字
Boolean : true.false
undefind: 未初始化的变量
null
引用类型
var i=new Object();
常用函数
alert():显示一个提示框显示内容
document.write:在网页的当前位置处写内容
创建函数
function 函数名称(参数列表){
....
}
var 函数名称=function(参数列表){
....
}
js中创建函数不必声明返回值函数,要返回结果使用return来返回
JS事件
事件来驱动函数执行,基本上所有的html元素都可以指定事件属性
所有的事件属性都以on开头
BOM:
全称browser object model ,浏览器对象模型
为了方便对浏览器操作,js封装了对浏览器的各个对象
window对象
为js 层级的顶层对象
代表一个浏览器窗口或框架
在<body>或<frameset>每次出现会自动创建
window中的方法:
alert(): 显示一个警告框
confirm():选择确定框
setTimeout(,):超时后执行的代码
setInterval(,):定时执行
location对象
href属性:设置或获取整个url为字符串
reload():重新装入当前页面
DOM
全称Document Object Model,文档对象模型
DOM描绘了一个层次化的树,允许开发人员添加、删除。修改页面的某一部分
document
代表当前页面的整个文档树
获取节点对象
document.getElementById("html元素的id");
document.getElementsByTagName("标签名");
documents.getElementsByName("html元素的name");