bgcolor背景颜色 可以修改简单的样式效果
onclick:“alert(‘你好’)” 可以直接设置事件响应后的代码
页面换行<br/>
水平线<hr/>
常用标签
font标签是字体标签,可以用来修改文本字体的颜色,属性,大小
color属性修改颜色
Face属性修改字体类型
Size属性修改字体大小
常用的特殊字符
< <
> >
连续空白空格只保留一个
空格
标题标签h1-h6
align对齐属性 left center right
超链接:在网页中可以点击跳转的内容都是超链接
<a href=“”></a>
Href属性设置连接的地址
target设置哪个目标进行跳转
self表示在当前页面进行跳转
blank表示打开新的页面
无序列表<ul><li>
type属性可以修改列表项前面的符号
有序列表<ol><li>
Img标签是图片标签,用来显示图片
src属性表示可以设置图片的路径
Width设置图片宽度
Heigth设置图片高度
Border设置属性边框大小
Alt属性设置当指定路径找不到图片时,用来代替的文本内容
Javase中相对路径:从工程名开始算
Javase中绝对路径:盘符:/目标/文件名
Web中相对路径:
.表示当前文件所在的目录
当前文件./ ./可以省略
..表示当前文件所在的上一级目录
web中绝对路径:http://ip:port/工程名/资源路径
表格
<table><tr><td>
Border:在table标签中显示边框加
tr是行标签
th是表头标签(居中重要显示)
td是单元格标签
cellspacing设置单元格间距
colspan:属性设置跨列
rowspan:属性设置跨行
Ifarme标签可以在页面中开辟一个小区域显示一个单独的页面
只能双标签,与<a>标签使用时,需要制定name,然后<a>中调用
Form表单<form>
<input type=”text”value=“”>文本输入框 value表示默认属性
type=“password”密码
type=“radio”单选框(性别单选的话,通过name指定是同一个),默认选中一个的话checked=checked
type=“checkbox”复选框
<select>标签是下拉列表框
<option>标签是下拉列表框中的选项
默认选中某一个,标签中加selected=selected
Textarea表示多行文本输入框
rows属性设置可以显示几行的高度
cols属性设置每行可以显示几个字符宽度
多行输入框中默认内容是开始标签与结束标签里面的内容
Type=“reset”重置按钮
type=“submit”提交按钮
Id选择器
<style type=”text/css”>#id名{}</style>
<div id=”id名”></div>
class类型选择器
.class属性名{}
组合选择器
选择器1,选择器2{}
JavaScript
使用script标签来写javascript代码
<script type=”text/javascript”></script>
alert是js语言提供的一个警告框函数,可以接收任意类型的参数,这个参数就是警告框的提示信息
为了复用,使用script标签引入单独的js代码文件
Src属性专门用来引入js文件路径(两种路径都可以)
两种js方式不能同时使用,要想同时使用,就多写一个script标签
函数
- 可以使用function关键字来定义函数
有参无参都可以
function 函数名(形参列表){
函数体
}
定义后,调用才能显示
在js语言中,如何定义有返回值的函数?直接使用return即可
- 第二种写法
var 函数名 = function(形参列表){函数体}
link标签专门用来引入css代码
在js语言中,所有的变量都可以作为boolean类型的变量去使用
0,null,undefined,“”都认为是false
js语言中的数组,只要通过数组下标赋值,那么最大的下标值,就自动为数组进行扩容
java中函数允许重载,js中不允许重载,会被覆盖
函数的arguments隐形参数(只在function函数内)
就是在function函数中不需要定义,就能用来获取所有参数的变量
onload浏览器解析完页面自动触发的页面
onclick单击事件 按钮点击响应
onblur失去焦点 检验输入框中内容是否合法
onchange内容发生改变事件 下拉框和输入框发生改变后
onsubmit表单提交 常用于表单提交前,验证所有表单项是否合法
双引号中包单引号
要操作某个对象时,得先得到这个对象(得到的对象时dom对象)
对象.value就是获取输入框中输入的内容
如何验证某个字符串是否符合某个规则,需要用的正则表达式
test方式测试是否满足校验
/e/ 是否包含e这个字母
/[...]/ 表示是否包含[]里面任意的内容
/[0-9]/ 查找0-9的内容
/[a-z]/ 查找小写字母a-小写字母z的字符
\w 元字符用于查找单词字符,表示是否包含数字,字母,下划线
\W 查找非单词字符
n+ 表示包含至少一个n的字符串
n* 表示包含一个或n个的字符串
^n 表示开头为n的字符串
n$ 表示以n结尾的字符串
n(a,b) 是否包含 至少a个连续n,最多b个连续n
/^\w(5,12)$/从头到尾 至少包含5个,最多包含12子字符
从头到为检查/^$/
getElementById 返回对拥有指定id的对象的引用
全选 全不选 反选
getElementByName 是根据指定的name属性查询返回多个标签对象集合,这个集合操作和数组一样
集合中每个元素都是dom对象
经验证,这个集合中的元素顺序是他们在html页面自上而下的顺序
checked表示复选框的选中状态,选中的true,不选中的false
checked属性可读可写
getElementsByTagName 根据标签名记性查询.一般针对没有name和id时,全选全不选同样适用,只是选择的方式不同而已
jquery
$(function(){表示页面加载之后,相当于windows.οnlοad=function(){}
})
$是jquery 的核心函数