BOM对象

一,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，我们有能力做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。
setTimeout()
    未来的某时执行代码
语法

var t=setTimeout("javascript语句",毫秒)
setTimeout() 方法会返回某个值。在上面的语句中，值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout()，你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert('5 seconds!')"，或者对函数的调用，诸如 alertMsg()"。

第二个参数指示从当前起多少毫秒后执行第一个参数。

提示：1000 毫秒等于一秒。

clearTimeout()
语法

clearTimeout(setTimeout_variable)

猜你喜欢