写点什么

BOM 核心——window 对象之 Golbal

作者:大熊G
  • 2022 年 6 月 18 日
  • 本文字数:812 字

    阅读完需:约 3 分钟

BOM核心——window对象之Golbal

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 就不会把变量添加给全局,如果不知道这个的话可以看一下(https://xie.infoq.cn/article/c9b7d511aa6bf8b8f8bd8ef46)。

导航和打开其他网页

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,但是这个给用户体验很不好,有些不太懂计算机操作的人,比如我的母亲,弹个弹窗它就感觉挺吓人的,是不是点错了,或者中病毒了。这个我们在开发中要慎重运用。

往期回顾https://xie.infoq.cn/article/dec76175c0712119cc975a9e6


发布于: 刚刚阅读数: 3
用户头像

大熊G

关注

每天都在写bug的硬核男人 2022.06.02 加入

前端

评论

发布
暂无评论
BOM核心——window对象之Golbal_JavaScript_大熊G_InfoQ写作社区