特点:
不需要创建,可以直接调用
window不需要创建可以直接使用。window.方法名();
window引用可以省略。 方法名();
方法:
与弹出框有关的方法
①alert() 显示带有一段消息和一个确认按钮的警告框。
②confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
返回值:
用户点击确定按钮方法返回true
用户点击取消按钮方法返回false
③prompt() 显示可提示用户输入的对话框。返回值:用户输入的值
用一个变量接收用户输入的值
与打开关闭有关的方法
①open() 打开一个新的浏览器窗口或查找一个已命名的窗口。会返回一个新的window对象
②close() 关闭浏览器窗口。谁调用,就关谁。
与定时器有关的方法
①setTimeout() 在指定的毫秒数后调用函数或计算表达式。一次,有返回值,返回唯一编号
参数
js代码或者方法对象
毫秒值
=
②clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
③setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。循环执行,有返回值,返回唯一编号
④clearInterval() 取消由 setInterval() 设置的 timeout。
属性
①获取其他的BOM对象
history对象包含用户(在浏览器窗口中)访问过的 URL。是 window 对象的一部分,可通过 window.history 属性对其进行访问。
location对象包含有关当前 URL 的信息。对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。
Navigator对象包含有关浏览器的信息。
Screen对象包含有关客户端显示屏幕的信息。
②获取DOM对象
document文档对象
URL :统一资源定位符
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> </head> <body> <img id="img" src="img/banner_1.jpg" width="100%"> <script> /* * 分析: * 1.在页面上使用img标签展示图片 * 2.定义一个方法,修改图片对象的src属性 * 3.定义一个定时器,每隔3秒调用方法一次 * */ //修改图片src属性的方法 var nuber = 1; function fun() { nuber++; //判断number是否大于3 if (nuber > 3) { nuber = 1; } var img = document.getElementById("img"); img.src = "img/banner_" + nuber + ".jpg"; } //定义定时器 setInterval(fun, 3000); //因为方法写出来没有直接调用,3秒后才调用 //所以图片早就加载出来了 //所以script可以放在图片前也能使用 //一般还是放在后面,万一页面上的内容较多,3秒加载不全 </script> </body> </html>