BOM(一）

1.    // load 等页面内容全部加载完毕，包含页面dom元素图片flash css等等
       // DOMContentLoaded 是DOM加载完毕，不包含图片falsh css等就可以执行加载速度比load更快一些

window . addEventListener( ' load', function() {
alert(22);
})
document . addEventListener( ' DOMContentLoaded'，function() {
alert(33);
})

2.onresize调整窗口大小事件

var div = document . querySelector( 'div' );
window . addEventListener(' resize'，function() {
console.1og('变化了');
if (window. innerWidth <= 800) {
div.style.display = 'none' ;
}
else{
div.style.display = 'block' ;
}
}//窗口小于800隐藏div

3  window. setTimeout(调用函数，延时时间)调用一次;window. setInterval(调用函数，延时时间)调用很多次;
//1.这个window在调用的时候可以省略
// 2.这个延时时间单位是毫秒但是可以省略，如果省略默认的是0

//第一种写法
setTimeout( function() {
console.1og('时间到了'); },2000) ;//第二种写法
function callback() {
console.1og('爆炸了');
setTimeout(callback, 3000);//页面中可能有很多的定时器，我们经常给定时器加标识符 (名字)
var time1=setTimeout(callback, 3000);
var time2=setTimeout(callback, 3000);//五秒后自动隐藏图片

6.发送短信

手机号码：  发送

 7.5秒后跳转某页面   location.href = 'http://www.itcast.cn';

 点击

8.一个页面的信息在另一个页面显示

name 属性规定 元素的名称。

name 属性用于在 JavaScript 中引用元素，或者在表单提交后引用表单数据。

注意：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

form绑定表单，action表示要将表单传递的地址

//注册页面
用户名： 

//登录页面

9.location.href需要写等于号，这种不需要

            // 记录浏览历史，所以可以实现后退功能location.assign('http://www.itcast.cn');// 不记录浏览历史，所以不可以实现后退功能location.replace('http://www.itcast.cn');//刷新（ctrl+F5）强制刷新location.reload(true);

10.    navigator.userAgent返回用户设备类型

        history对象方法
        back()可以后退功能
        forward()前进功能
        go(参数)前进后退功能参数如果是1前进1个页面如果是-1后退1个页面

history.forward();history.go(1);

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！