【每日一记】第 5 天：js第五日

================================js操作元素的属性================================

setArrribute(参数1, 参数2)        // 添加属性

参数1：属性名，参数2：属性的值

removeAttribute(参数)                // 删除元素的属性

参数：属性名

===================================表单检验===================================

onsubmit是表单提交时触发的事件，此事件关联函数必须有返回值，且返回值是boolean类型

如果关联的函数返回值true，表单数据能提交走

如果关联的函数返回值false，表彰数据不能提交走

==================================window对象==================================

BOM：Browser  Object  Model  浏览器对象模型

其实就是把窗口看做成一个对象

这个对象就是window，窗口所有的内容

都会被window对象持有一份

window也持有一份document对象

所以wnindow对象也可以获取元素，操作元素属性和样式及事件

=====================================弹框=====================================

警告框：windows.alert("你爸爸");

确认框.  有返回值  是boolean类型

var  isChoose  =  window.confirm("你确认想估我儿子吗？“);

document.write(isChoose  +  "<br />");

输入框    有返回值   返回的就是用户输入的内容

var  con  =  window.prompt("请输出你想当我的儿子");

document.write(con);

===================================简单正则===================================

正则是用来做检验和查找时的规则

var  str  =  "I  am  a  student";

正则，i为不区分大小写

var  re  =  /student/i;

var  index  =  str.search(re);

alert(index);

var  newStr  =  str.replace(re, "Teacher");

alert(newStr);

var  re  =  /^[a-z0-9_-]{3,16}$/;

var  username  =  "tom_34";

alert(re.test(username));

==================================location定位==================================

让网页重定向

lcoation能修改当前窗口打开的网络资源地址

location.href  =  "http://www.baidu.com";

alert(location.hostname);

alert(location.protocal);

//获取项目目录开始到本网页资源路径

alert(location.pathname);

==================================前进和后退===================================

forward();                        // 向前

back();                        // 后退

====================================定时器====================================

定时器：

setInterval(参数1, 参数2)  此定时器就相当于闹钟

参数1：匿名函数，定时器每隔多久要做的事情

参数2：定时时间，以毫秒为单位 1s  =  1000ms

返回值：返回一个定时器对象（只有销毁的时候才需要用到它）

销毁定时器：clearInterval();

var  i = 0;

var timer = setInterval(function () {

document.write("端午节快到了！<br />");

i++;

if (i == 10) {

// 销毁定时器

clearInterval(timer);

}

}, 1000);

定时器2：

setTimtout(参数1, 参数2)  相当于定时炸弹

参数1：匿名函数，定时器每隔多久要做的事情

参数2：定时时间，以毫秒为单位1s  =  1000ms

setTimerout(function () {

document.write("你爸爸要炸了!<br />");

}, 2000);

感谢楼主分享，期待楼主分享更多实用笔记，继续坚持，领取更多成长激励！