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

    你可能感兴趣的文章
    node防xss攻击插件
    查看>>
    noi 1996 登山
    查看>>
    noi 7827 质数的和与积
    查看>>
    NOIp2005 过河
    查看>>
    NOIP2011T1 数字反转
    查看>>
    NOIP2014 提高组 Day2——寻找道路
    查看>>
    NOIp模拟赛二十九
    查看>>
    Nokia5233手机和我装的几个symbian V5手机软件
    查看>>
    Non-final field ‘code‘ in enum StateEnum‘
    查看>>
    none 和 host 网络的适用场景 - 每天5分钟玩转 Docker 容器技术(31)
    查看>>
    None还可以是函数定义可选参数的一个默认值,设置成默认值时实参在调用该函数时可以不输入与None绑定的元素...
    查看>>
    NOPI读取Excel
    查看>>
    NoSQL&MongoDB
    查看>>
    NoSQL介绍
    查看>>
    Notepad ++ 安装与配置教程(非常详细)从零基础入门到精通,看完这一篇就够了
    查看>>
    Notepad++在线和离线安装JSON格式化插件
    查看>>
    notepad++最详情汇总
    查看>>
    notepad如何自动对齐_notepad++怎么自动排版
    查看>>
    Notification 使用详解(很全
    查看>>
    NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
    查看>>