一,BOM(浏览器对象类型):可以对浏览器窗口进行访问和操作,使用BOM,开发者可以移动窗口,改变状态栏中的文本以及执行其他与页面内容不直接相关的动作
功能:使javascript有能力和浏览器对话
二,window对象:
所有浏览器支持window对象
概念上讲,一个HTML文档对应一个window对象
功能上讲:控制浏览器窗口的
使用上讲:window对象不需要创建对象,直接使用即可
三,window对象方法:
alert():显示有一段消息和一个确认按钮的警告框 ;
window.alert("hello"); //window对象的方法
confirm():显示有一段消息和一个确认按钮取消按钮的警告框 ;
window.confirm("hello");
prompt():显示有一段消息和一个输入框 和一个确认按钮取消按钮的警告框 ;
window.prompt("hello");
open():打开一个新的页面
close():关闭浏览器窗口
setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式
clearInterval()取消由setInterval设置的timeout
<input type="text" id="id1" onclick="begin()">
<button onclick="stop()">停止</button>
<body>
<script type="text/javascript">
var clock1;
function showTime() {
var currentTime = new Date().toLocaleString();
var ele = document.getElementById("id1")
ele.value = currentTime;
}
function begin() {
if (clock1 == undefined){
showTime();
clock1 = setInterval(showTime,1000);//一秒钟执行一次
}
}
function stop() {
clearInterval(clock1);
clock1 = undefined;
}
setTimeout()在指定的毫秒数后调用函数活计算表达式
clearTimeout()取消由setTimeout()方法设置的timeout
setTimeout(f,1000); //一秒钟只执行一次f,延迟执行
scrollTo()把内容滚动到指定的坐标
五,Screen对象
screen.availWidth ; 屏幕可用宽度 screen.availHeight屏幕可用高度
六,Location对象:
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
location.href 属性返回当前页面的 URL。
window.location.assign("http://www.w3school.com.cn") 加载新的文档
七,History对象:window.history 对象包含浏览器的历史。
history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同
八,Navigator对象:对象包含有关访问者浏览器的信息。
<div id="example"></div>
<script>
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
九,PopupAlert:可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。
1)警告框
警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。
语法：
alert("文本")
2)确认框
确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
语法：
confirm("文本")
3)提示框
提示框
提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。
语法：
prompt("文本","默认值")
十,Timing通过使用 JavaScript，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。
1)
通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。
setTimeout()
未来的某时执行代码
语法
var t=setTimeout("javascript语句",毫秒)
setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。
第二个参数指示从当前起多少毫秒后执行第一个参数。
提示：1000 毫秒等于一秒。
2)
clearTimeout() 语法 clearTimeout(setTimeout_variable)