首页 > 其他分享 >window常用方法

window常用方法

时间:2023-05-31 18:13:22浏览次数:50  
标签:常用 bg top alert window location document 方法

window.top

 

 当B嵌套在A页面中时,直接是不能调用A页面的方法和属性的

如果想使用A页面中的方法和属性 可以使用window.top (返回窗口层级最顶层窗口的引用)

if(window.top != window.self) {
  window.top.location.href = window.location.href;
window.top.oepn = window.open }

 

当在iframe内时, 直接window.location.href 会打开iframe内的网站,  要解决这个问题 使用window.top.location.href = xxx 或者 window.top.open('xxx') 

window.alert

代码

window.alert = alert;
//重写alert
function alert (data, callback) { //回调函数
    var alert_bg = document.createElement('div'),
    alert_box = document.createElement('div'),
        alert_text = document.createElement('div'),
        alert_btn = document.createElement('div'),
        textNode = document.createTextNode(data ? data : ''),
        btnText = document.createTextNode('确 定');

    // 控制样式
    css(alert_bg, {
        'position': 'fixed',
        'top': '0',
        'left': '0',
        'right': '0',
        'bottom': '0',
        'background-color': 'rgba(0, 0, 0, 0.1)',
        'z-index': '999999999'
    });

    css(alert_box, {
        'width': '270px',
        'max-width': '90%',
        'font-size': '16px',
        'text-align': 'center',
        'background-color': '#fff',
        'border-radius': '15px',
        'position': 'absolute',
        'top': '50%',
        'left': '50%',
        'transform': 'translate(-50%, -50%)'
    });

    css(alert_text, {
        'padding': '30px 15px',
        'border-bottom': '1px solid #ddd'
    });

    css(alert_btn, {
        'padding': '10px 0',
        'color': '#007aff',
        'font-weight': '600',
        'cursor': 'pointer'
    });

    // 内部结构套入
    alert_text.appendChild(textNode);
    alert_btn.appendChild(btnText);
    alert_box.appendChild(alert_text);
    alert_box.appendChild(alert_btn);
    alert_bg.appendChild(alert_box);

    // 整体显示到页面内
    document.getElementsByTagName('body')[0].appendChild(alert_bg);

    // 确定绑定点击事件删除标签
    alert_btn.onclick = function () {
        alert_bg.parentNode.removeChild(alert_bg);
        if (typeof callback === 'function') {
            callback(); //回调
        }
    }
}
function css (targetObj, cssObj) {
    var str = targetObj.getAttribute("style") ? targetObj.getAttribute('style') : '';
    for (var i in cssObj) {
        str += i + ':' + cssObj[i] + ';';
    }
    targetObj.style.cssText = str;
}

 

使用

alert('发现新版本,请更新!', callback)

 

window.oepn 和 window.opener.location.reload()

通过window.open('https://www.baidu.com', '_blank', "width=300"); 打开一个新的子窗口
通过window.opener.location.reload(); 刷新父窗口页面

标签:常用,bg,top,alert,window,location,document,方法
From: https://www.cnblogs.com/it-Ren/p/17446946.html

相关文章

  • 常用汉字约 7000 个「详:按照清华字频顺序 6763 个」
    常用6763个汉字使用频率表汉字频度表统计资料来源于清华大学,现公布如下,仅供参考。使用字数6763字(国标字符集),范文合计总字数86405823个。说明如下:假若认识500字,则覆盖面为78.53%。其余类推,列表如下:字数覆盖面(%)50078.532021000......
  • 续集---网络管理常用命令
    网络查看ifconfig :查看与临时配置网络ifdown网卡设备名 :关闭网卡ifup网卡设备名 :启用网卡netstat网络状态查询-t列出TCP协议端口-u列出UDP协议端口-n不适用域名与服务名,而是用ip地址和端口号-l仅列出在监听端口-a所有的连接-r路由表常用的组合: -a......
  • Windows通过使用批处理.bat脚本文件修改DNS值
    在公司内网有自己的DNS服务器,但是在使用某些软件时又经常需要特定的DNS地址,每次切换都非常麻烦,所以写了个.bat批处理脚本文件方便切换,如果是修改IP等信息做些修改后同样可以使用。@echooff:startecho1:设置DNS为手动2:设置DNS为自动set/pvar=请选择if%var%==1gotoop......
  • MySQL之常用数据类型
    一:MySQL中基本数据类型MySQL数据库表中的每一列都必须具有名称和数据类型。据类型是一个标签,它可以告知存储什么类型的数据,它也标识了SQL如何与存储的数据进行交互。MySQL数据库支持所有标准SQL数值数据类型,涉及大概11种类MySQL数据类型。整数类型:TINYINT、SMALLINT、MED......
  • iOS中容易用错的常用知识点
    坐标系转换ios中的坐标系有三种视图坐标系:原点(0,0)视图的左上角窗口坐标系:原点(0,0)窗口的左上角世界坐标系:原点(0,0)游戏中世界的原点平时开发中经常会遇到转UIWindow坐标问题,如:已知一个UI控件的坐标,把它转换到UIWindow时,它对应的UIWindow坐标是什么?苹果提供了一套相关的......
  • Windows编程:文件监控
    最近在做虚拟打印机时,需要实时监控打印文件的到达,并移动文件到另外的位置。一开始我使用了线程,在线程里去检测新文件的到达。实际上Windows提供了一个文件监控接口函数ReadDIrectoryChangesW。这个函数可以对所有文件操作进行监控。 ReadDirectoryChangesW函数声明1BOOLR......
  • Docker常用命令
    原文:Docker常用命令-DeepInThought-博客园(cnblogs.com) 1、Docker容器信息##查看docker容器版本dockerversion##查看docker容器信息dockerinfo##查看docker容器帮助docker--help 2、镜像操作提示:对于镜像的操作可使用镜像名、镜像长ID和短ID。2.1、镜......
  • 常见控件交互方法
    点击方法element.click()输入操作element.send_keys('appium')设置元素的值element.set_value('appium')清除操作element.clear()是否可见element.is_displayed()返回True/False是否可用element.is_enabled()返回True/False是否被选中element.is_selected()返回True/Fal......
  • JS监听dom高度变化方法总结
    前沿:有时候我们需要监听dom的变化,比如获取父元素的高度,动态的设置子元素的高度,所以需要监听dom的高度变化,才能准确获取dom的高度,那么有哪些监听dom高度变化的方法呢?今天简单列举一下。1、MutationObserver构造函数MutationObserverAPI用来监视DOM变动。DOM的任何变动,......
  • windows与linux批处理脚本
    有一个windows下的bat脚本,希望丢到linux下去执行。主要是有一些字符要修改1.文件目录一个是‘\’,一个是‘/’2.使用./命令调用可执行文件3.使用vim编辑器,先输入:ff(fileformat的缩写),会显示文件是dos格式,输入:ff=unix,改为unix格式 ......