博客
关于我
JS-BOM
阅读量:344 次
发布时间:2019-03-04

本文共 1194 字,大约阅读时间需要 3 分钟。

思维导图与JavaScript窗口对象操作

一、思维导图

通过思维导图可以直观地展示知识体系,帮助我们更好地理解相关内容。在这个案例中,我们主要关注的是JavaScript中的window对象及其常用方法。

二、window.open方法

window.open 是JavaScript中最常用的打开新窗口或切换窗口的方法。它支持以下几种常见用法:

  • 打开新窗口:window.open('http://www.baidu.com');
  • 在当前窗口打开新页面:window.open('http://www.baidu.com', '_self');
  • 在新窗口打开页面:window.open('http://www.baidu.com', '_blank');
  • 在父窗口打开页面(适用于 iframe嵌入的内容):window.open('http://www.baidu.com', '_parent');
  • 在顶级窗口打开页面(通常用于解决浏览器的同源政策问题):window.open('http://www.baidu.com', '_top');

三、window.close()方法

当需要关闭当前窗口或 iframe嵌入的内容框架时,可以使用 window.close() 方法。需要注意的是,某些浏览器环境下,关闭窗口可能会提示用户确认操作,确保不会误删或丢失重要数据。

四、window.confirm方法

window.confirm 用于显示一个确认对话框,用户可以选择“是”或“否”。常见的使用场景包括:

function del() {    var ok = window.confirm("亲,确认删除数据吗?");    alert(ok);}
  • window.alert():用于显示警告信息框,通常用于提醒用户某些重要操作。
  • 弹出消息框:window.alert('消息框!')
  • 弹出确认框(删除):window.confirm('确认删除数据吗?')

五、window.history方法

window.history 提供了浏览历史相关的操作。常用的方法包括:

window.history.back(); // 后退一页window.history.go(-1); // 后退一页

六、设置浏览器地址栏上的URL

可以通过以下方式控制浏览器地址栏的URL:

function gobaidu() {    window.location.href = "http://www.baidu.com";}

七、浏览器发送请求的方式

在Web开发中,浏览器可以通过以下方式向服务器发送请求:

  • 表单提交
  • 超链接
  • document.locationwindow.location
  • window.open("url");
  • 直接在浏览器地址栏输入URL并回车
  • 转载地址:http://wihe.baihongyu.com/

    你可能感兴趣的文章
    nodejs-mime类型
    查看>>
    NodeJs——(11)控制权转移next
    查看>>
    NodeJS、NPM安装配置步骤(windows版本)
    查看>>
    NodeJS、NPM安装配置步骤(windows版本)
    查看>>
    nodejs与javascript中的aes加密
    查看>>
    nodejs中Express 路由统一设置缓存的小技巧
    查看>>
    nodejs中express的使用
    查看>>
    Nodejs中的fs模块的使用
    查看>>
    NodeJS使用淘宝npm镜像站的各种姿势
    查看>>
    nodejs包管理工具对比:npm、Yarn、cnpm、npx
    查看>>
    NodeJs单元测试之 API性能测试
    查看>>
    nodejs图片转换字节保存
    查看>>
    nodejs在Liunx上的部署生产方式-PM2
    查看>>
    nodejs字符与字节之间的转换
    查看>>
    NodeJs学习笔记001--npm换源
    查看>>
    NodeJs学习笔记002--npm常用命令详解
    查看>>
    nodejs学习笔记一——nodejs安装
    查看>>
    NodeJS实现跨域的方法( 4种 )
    查看>>
    nodejs封装http请求
    查看>>
    nodejs常用组件
    查看>>