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

    你可能感兴趣的文章
    Nginx代理模式下 log-format 获取客户端真实IP
    查看>>
    Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
    查看>>
    Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
    查看>>
    Nginx反向代理与正向代理配置
    查看>>
    Nginx反向代理是什么意思?如何配置Nginx反向代理?
    查看>>
    nginx反向代理解决跨域问题,使本地调试更方便
    查看>>
    nginx启动脚本
    查看>>
    Nginx在Windows下载安装启动与配置前后端请求代理
    查看>>
    Nginx多域名,多证书,多服务配置,实用版
    查看>>
    nginx开机启动脚本
    查看>>
    nginx异常:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf
    查看>>
    nginx总结及使用Docker创建nginx教程
    查看>>
    nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
    查看>>
    nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
    查看>>
    nginx日志分割并定期删除
    查看>>
    Nginx日志分析系统---ElasticStack(ELK)工作笔记001
    查看>>
    Nginx映射本地json文件,配置解决浏览器跨域问题,提供前端get请求模拟数据
    查看>>
    nginx最最最详细教程来了
    查看>>
    Nginx服务器---正向代理
    查看>>
    Nginx服务器上安装SSL证书
    查看>>