BOM核心——window对象之Golbal

​

theme: channing-cyan

这是我参与8月更文挑战的第16天，活动详情查看：8月更文挑战

Global作用域

window被赋予了Es的Global对象，所以通过var声明的所有的全局变量都会变成window对象的方法和属性。

    var name  = 'jackson';
    var sayNmae = ()=>{
        console.log(name);
    }
    console.log(window.name); //jackson
    window.sayNmae(); //jackson
</script>

这个用var定义的变量和函数都被放在了全局作用域中，他们自动就变成了window对象的成员，如果我们换成let或const代替var就不会把变量添加给全局，如果不知道这个的话可以看一下(变量 var const let 的区别 (juejin.cn))。

导航和打开其他网页

window.open()方法可以跳转路由到指定的地址。也可以用于打开新的浏览器窗口，它和咱们html里面的a标签效果是一样的。

  <a href="http://www.xxx.com">xxx网页</a>
  window.open("http://www.xxx.com");

window.open()接收四个参数

1.要加载的地址。

2.目标窗口。

3.布尔值（是否代替当前页面，如果为fasle就是再打开一个新的页面）。

4.打不开窗口时的提示。

系统弹窗

我们大家都应该知道alert()方法，其实还有俩个弹窗方法，一个是confirm(),另一个是promt()。

alert()警告框

alert是警告框，它一般向用户显示一些他们无法控制的消息，而且它只有一个选项就是确定，挺唬人的。

confirm()对话确定框

它这个和警告框差不多，不同的是它有一个取消按钮。我们可以通过点击不同的按钮来确定用户希望执行什么。这个的用途一般用作在删除东西上，来提示用户要不要删除。

prompt()对话提示框

prompt是对话提示框，它可以让用户输入信息，prompt方法接收俩个参数，一个是提示用户的文本，一个是文本框内的默认值。

这些系统对话框可以向用户直接显示消息，不需要html和css，但是这个给用户体验很不好，有些不太懂计算机操作的人，比如我的母亲，弹个弹窗它就感觉挺吓人的，是不是点错了，或者中病毒了。这个我们在开发中要慎重运用。

往期回顾BOM核心——window对象之窗口 (juejin.cn)