继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Bom中的window对象总结

big_person
关注TA
已关注
手记 12
粉丝 8
获赞 131

window: 2个角色:

  1. 代替Global充当全局作用域
  2. 封装操作浏览器窗口的API——BOM
    打开和关闭窗口:
    window.open(...)
    window.close() 关闭当前窗口
    打开新链接的方式:4种:
    1. 在当前窗口打开,可后退 html: <a href="url" target="_self"></a> js:open("url","_self")
  3. 在当前窗口打开,不可后退 js:location.replace("新url") 用新url替换history中当前url
    1. 在新窗口打开,可重复打开 html: <a href="url" target="_blank" js: open("url","_blank")
    2. 在新窗口打开,只能打开一个 html: <a href="url" target="name" js: open("url","name")
      窗口位置和大小:
      窗口大小: 完整大小: outerWidth/outerHeight
      文档显示区大小: innerWidth/innerHeight
      调整窗口大小:
    3. 在打开窗口时,就调整大小 2步:
      1. 定义配置字符串: var config= "top=?,left=?,width=?,height=?" 强调: width和height仅是文档显示区的大小。 top和left却是整个窗口左上角的坐标。
      2. 在打开窗口时,将config作为第三个参数。 特殊: 多数浏览器不允许修改当前窗口大小。只能修改新弹出的另一个小窗口的大小。
  4. 调整新窗口大小: pop.resizeTo(width,height) 让窗口变到指定大小 pop.resizeBy(width的增量,height的增量)
    窗口位置:window.screenLeft/screenTop
    修改窗口的位置: pop.moveTo(left,top) pop.moveBy(left增量,top增量)
    获得屏幕大小: 完整大小: screen.width/height screen.availWidth/availHeight
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP