博客
关于我
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/

    你可能感兴趣的文章
    POSIX标准和XSI扩展
    查看>>
    post install error,please remove node_moules before retry
    查看>>
    postcss-pxtorem 参数之selectorBlackList、exclude的用法
    查看>>
    Postek博思得标签打印机更换电脑,打印出来标签空白
    查看>>
    postfix+ dovecot搭建邮件服务器
    查看>>
    postfix在邮件服务器中的使用
    查看>>
    PostGIS 3.1.2软件安装详细教程(地图工具篇.8)
    查看>>
    PostGIS中获取所有EPSG的编码以及对应Proj4字符串
    查看>>
    SpringBoot中集成海康威视SDK实现布防报警数据上传/交通违章图片上传并在linux上部署(附示例代码资源)
    查看>>
    PostGIS在Windows上的下载与安装
    查看>>
    Qt开发——网络编程之UDP客户端
    查看>>
    postgis数据库优化_postgresql 性能优化
    查看>>
    postgis求面积、交集等相关函数
    查看>>
    postgis相关函数
    查看>>
    Postgres Docker版本安装mysql_fdw 插件
    查看>>
    Postgres invalid command \N数据恢复处理
    查看>>
    Postgres like 模糊查询匹配集合
    查看>>
    Postgres 自定义函数内实现 in 操作符的递归查询
    查看>>
    Postgres 返回当前时间前后指定天数的集合
    查看>>
    postgres--vacuum
    查看>>