HTML
英文全称:Hyper Text Mark-up Language
中文名称:超文本标记语言
CSS
英文全称:Cascading Style Sheet
中文名称:层叠样式表
标签选择器
类选择器
ID选择器
派生选择器
css定位
display:none 不显示
display:block 块元素
display:inline 行元素
JavaScript
(1) 使用场合:
数据验证
为页面添加动态效果
动态改变页面的外观
Ajax JQuery
(2) JavaScript脚本引入
页面内元素的嵌入 <a href="javascriptLalert('HelloWord');">
单独放在文件里面 <script type="text/javascript" src="js01.js"></script>
页面内部 <script type="text/javascript">alert("HelloWord");</script>
(3) 常见数据类型
number string boolean null undefiend
将字符串转换成数值 parseInt() parseDouble()
将数值转换成字符 totring()
字符串中的属性和方法
length属性 字符串长度
charAt(index) 返回指定位置的字符
subString(from, to) 返回子串
indexOf(str) 返回str在字符串第一次出现的索引
match(regex) 返回符合条件的数组
var reg = /[0-9]/g;
var str = "ssjjk333khh20k"
var rs = str.match(reg); 返回{333,20}
test(reg) 是否满足条件
var reg2 = /[0-9]/g;
var str = "skl234";
var rs = reg2.test(str); 返回boolean类型的数据
search(res);
toUpperCase(); 转大写
toLowerCase(); 转小写
数组
var newArray = new Array();
length 属性
toString()
concat(); 连接两个数组
join(); 将数组中的元素连接成字符串
reverse(); 翻转数组
slice(); 截取数组的一部分并返回一个新数组
(4) 常见事件
onclick(); 鼠标点击事件
onchange(); 内容改变时触发的事件
onfocus(); 鼠标获得焦点事件
onblur(); 鼠标失去焦点事件
onload(); 元素加载事件
onmouseout(); 鼠标移出
onmouseover(); 鼠标经过
ondblclick(); 鼠标双击事件
(5) DOM模型
a、如何访问页面中的元素
var obj = document.getElementById(idname);
obj.value;
<div id="idname">
prototype.js
$(idname);
$Fun(idname);
第4天:Web相关知识(Html+CSS+JavaScript)
最新推荐文章于 2013-01-08 16:28:30 发布