JsBOM

Posted 2020-11-08 xiaoming9

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JsBOM相关的知识，希望对你有一定的参考价值。

内置对象

1、document

document.referrer  //获取上一个跳转页面的地址(需要服务器环境)

2、location

window.location.href  //获取或者重定url地址
window.location.search //获取地址参数部分
window.location.hash //获取页面锚点或者叫哈希值

3、Math

Math.random 获取0-1的随机数
Math.floor 向下取整
Math.ceil 向上取整

Window 对象

BOM 的核心对象是 window，它表示浏览器的一个实例。window 对象有双重角色，它既是通过 javascript 访问浏览器窗口的一个接口，又是 ECMAScript 规定的 Global 对象。这意味着在网页中定义的任何一个对象、变量和函数，都以 window 作为其 Global 对象，因此有权访问 parseInt()等方法。如果页面中包含框架，则每个框架都拥有自己的 window 对象，并且保存在 frames 集合中。在 frames 集合中，可以通过数值索引（从 0 开始，从左至右，从上到下）或者框架的名称来访问相应的 window 对象。

输入框:prompt，返回提示框中的值。 prompt() 方法用于显示可提示用户进行输入的对话框。参数（可选）：第一个参数：要在对话框中显示的纯文本。第二个参数：默认的输入文本。

确认框:confirm，返回 true/false. confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

window.open()方法既可以导航到一个特定的 URL 也可以用来打开一个新的窗口。

window.close()：关闭窗口。

setTimeout() : 在指定的毫秒数后调用函数或计算表达式。

var id = setTimeout(function,times) 
clearTimeout(id) 
<script type="text/javascript">  //延迟 3 秒后出现 
alert  function hello() {    alert("对不起, 要你久候");   }  
setTimeout("hello()", 3000);
  var timeout;    
 function init(){   //拿到当前时间  
 var date = new Date();   var time = date.toLocaleString();   //拿到相应对象  
 var h1 = document.getElementById(‘h1‘);   //根据需求添加样式  
 if(0==date.getSeconds()){ //当时间的秒数变成 0 时，显示红色字体   
 h1.innerhtml = ‘<span style="color:red">‘+time+‘</span>‘;   } 
else {    h1.innerHTML = time;   }   
/*   
 *  定时操作，只执行一次     第一个参数：执行的方法；第二个参数：定时，单位是毫秒    
* */  
 setTimeout(init,1000);   //等多少时间来执行 
 }  //window.setTimeout(init,1000);//只执行一次    //停止操作 
 function stopShow () {   clearTimeout(timeout);  } 
</script> 
<body onload="init();"> 
 <h1 id="h1"></h1>     
<button onclick="stopShow()">时间停止</button> 
</body>

setInterval():可按照指定的周期（以毫秒计）来调用函数或计算表达式。该方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

histroy 对象

history 对象是历史对象。包含用户（在浏览器窗口中）访问过的 URL。history 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。 history 对象的属性：length，返回浏览器历史列表中的 URL 数量。 history 对象的方法： back()：加载 history 列表中的前一个 URL。 forward()：加载历史列表中的下一个 URL。当页面第一次访问时，还没有下一个 url。 go(number|URL): URL 参数使用的是要访问的 URL。而 number 参数使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。go(-1)，到上一个页面。