前端基础的讲解-JS(18)

什么是事件对象

event 对象包含“与创建它的事件有关的”属性和方法。触发的事件类型不一样，可用的属性和方法不一样。

JavaScript 入口函数

这个函数的意思就是说，当我们页面加载完毕之后（就是说等页面的结构 样式 节点等加载完毕之后），才会执行函数体里面的 js 部分。

什么是BOM？

浏览器对象模型（Browser object model）简称 BOM。Js 通过 BOM 和浏览器进行交互，可以获取屏幕尺寸，窗口大小，页面地址，历史记录等浏览器相关信息，也可以控制浏览器执行某些行为：弹出信息，页面跳转，打开窗口，关闭窗口，调整窗口大小等。

浏览器对象模型用 window 对象来表示，所有 JavaScript 全局变量、全局函数会自动成为

window 对象的成员。DOM 的 document 也是 window 对象的一个属性。

JavaScript 窗 口

• window.open()-打开新窗口

<button  onclick="isOpen()">打开百度</button>
<script>
function  isOpen(){
myBaidu  =  window.open('http://www.baidu.com');
}
</script>

• window.close()-关闭当前窗口

<button  onclick="isClose()">关闭当前网页</button>
<script>
function isClose(){
window.close();
}
</script>

•  window.moveTo()-移动当前窗口

<button  onclick="isOpen()">打开网页</button>
<button  onclick="isMove()">移动网页</button>
<script>
function  isOpen(){
myweb  =  window.open('','','width=400,height=200');
}
function isMove(){
myweb.moveTo(200,200);
}
</script>

•  window.resizeTo()调整当前窗口的尺寸

<button  onclick="isOpen()">打开网页</button>
<button  onclick="isResize()">调整网页大小</button>
<script>
function  isOpen(){
myweb  =  window.open('','','width=400,height=200');
}
function isResize(){
myweb.resizeTo(600,600)
}
</script>