JavaScript
1-什么是js
网页与用户之间进行交互功能;是脚本语言
2-如何使用js
<script type="text/javascript">
//输出 5 个 Hello World
for (var i=0; i<5; i++) {
document.write("<h1>Hello World</h1>");
}
</script>
<!--写js代码需要在框架内进行使用-->
3-js的组成
数据类型:
var i = 1;
var f = 1.2;
var d = 1.23;
var b = true;
var c = 'a';
var str = "hello";
----------------------------------------------------------
数据转换:
parseInt();str--->int
parseFloat();str--->float
isNaN();
数据运算:
与java一样;
if(表达式)----->int,object,string不为0或者null就为true;
BOM
window location history
location:
.href="www.baidu.com";重定向
.post
.hostName
.host
.reload();重新加载
history:
.forward();
.back();
.go(正数/负数);
window:
setTimeout(1000,sum(a,b));
clearTimeout();
setInterval();
clearInterval();
.alter();
.prompt();
.confirm();
DOM
document
.getElementById();
.getElementsByTagName();
.getElementsByName();
.getElementsByClassName();
.createElement("标签名");创建元素
父元素.appendChild(元素);
父元素.removeChild(元素);
元素.remove();自杀;
元素
.firstChild
.lastChild
.childNodes
.parentNode
.nextSibling
.previousSibling
函数的书写
自定义:
function sum(a,b){
}
调用:sum(1,2);
匿名函数:
var sum = function(a,b){
}
调用:sum(1,2)
事件的处理:
在标签中:
<input type="button" value="点我试试" onclick="事件处理函数()">
在script中:
元素对象.onclick = function () {
事件处理的代码
}
事件类型:
onload;onclik;ondbclick;onmouseover;onmouseout;onblur;onfocus;onchange;onsubmit;
4-js的内置对象数组
实例化:
var a = new Array();
var a = [1,2,3];
方法:
concat();
reverse();
join(split);
sort(function(m,n));
5-正则表达式
var reg = new RegExp("^1[35678]\\d{9}$");
reg.test("13567890987");
符号 | 作用 |
---|---|
[a-z] | 中括号表示匹配一个字符,短横表示范围。表示匹配所有的小写字母 |
[xyz] | 匹配 x 或 y 或 z |
[^xyz] | ^如果用在中括号中间,表示取反的意思。除了 xyz 之外的所有的字符 |
\d | 表示数字, \D 表示除了数字之外的字符 |
\w | 表单单词字符: [a-zA-Z0-9_] \W 非单词 |
. | 通配符,匹配任意字符。 如果要匹配.必须要转义. |
() | 表示分组,这是一组元素 |
{n} | 表示它前面的字符出现等于 n 次 |
{n,} | 表示它前面的字符出现大于等于 n 次 |
{n,m} | 表示它前面的字符出现大于等于 n 次,小于等于 m 次 |
+ | 表示它前面的字符出现 1~n 次 |
* | 表示它前面的字符出现 0~n 次 |
? | 表示它前面的字符出现 0~1 次 |
| | 表示或,几个元素中选择一个 |
^ | 出现在最前面,表示匹配开头 |
$ | 出现在最后面,表示匹配结尾 |
6-日期对象
new Date();