首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jswindow.parent,window.top、window.self

在应用有frameset或者iframe页面时,parent 是父窗口,top是最顶级父窗口(有的窗口中嵌套了好几层frameset或者iframe),self是当前窗口,opener是用open方法打开当前窗口...window.self 功能:是对当前窗口自身引用,它和window是等价 语法:window.self 注:window、self、window.self是等价 window.top 功能:返回顶层窗口...语法:window.top 注:如果窗口本身就是顶层窗口,top属性返回是对自身引用。 window.parent 功能:返回父窗口。...语法:window.parent 注:如果窗口本身是顶层窗口,parent属性返回是对自身引用。 在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。...你应当将框架视为窗口中不同区域,框架是浏览器窗口中特定部分。一个浏览器窗口可以根据你需要分成任意多框架,单个框架也可以分成其它多个框架,即所谓嵌套框架。

2.6K30

js window.open

懒惰——它是一种对待劳动态度特殊作风。它以难以卷入工作而易于离开工作为其特点。...—— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面 使用window.open即可,关于它参数,为以下四个: URL:需要打开页面URL...window.open("https://vampireachao.gitee.io/") name:打开页面的方式或名称 // 新窗口打开,默认 window.open("https://vampireachao.gitee.io.../","_blank") // 父窗口打开,ifame中使用 window.open("https://vampireachao.gitee.io/","_parent") // 当前窗口中打开 window.open...("https://vampireachao.gitee.io/","_self") // 顶层窗口打开,iframe中使用 window.open("https://vampireachao.gitee.io

1.9K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jswindow.location用法

    window.location处理解析当前页面URL window.location 对象所包含属性 属性 描述 hash 从井号(#)开始URL(锚点) host 主机名和当前URL端口号 hostname...主机名 href 完整URL pathname 路径 port 端口号 protocol 协议 search 参数 js 脚本捕获页面 GET 方式请求参数?...其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。...大概处理如下: var searchURL = window.location.search; searchURL = searchURL.substring(1, searchURL.length...("a");//GET['a'],取得URL参数a 本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息: 原文出处:Yiiven https://www.yiiven.cn/js-window-location.html

    2.4K30

    Js窗体window大小设置(转)

    网页被卷去高:document.body.scrollTop  网页被卷去左:document.body.scrollLeft  网页正文部分上:window.screenTop  网页正文部分左...:window.screenLeft  屏幕分辨率高:window.screen.height  屏幕分辨率宽:window.screen.width  屏幕可用工作区高度:window.screen.availHeight...  屏幕可用工作区宽度:window.screen.availWidth  HTML精确定位: scrollLeft,scrollWidth,clientWidth,offsetWidth  scrollHeight...//然后参考 http://www.javaeye.com/topic/155981 这篇博客,来动态设定组件大小   }    window.onresize = resize;    Ext.onReady...                           resize();   }   Ext.onReady(function(){                 formWindow = new Ext.Window

    6.1K20

    简述tabs react组件简单实现

    在DOM操作时代,tabs结构一般如下: div.tabs ul.tabs-hd li.hd-tt*n div.tabs-bd div.bd-con...到了以React为代表数据变化引起UI更新时代,基于上面方式实现tabs组件还是非常多,以Ant Design,IMUI为例,都是这种实现方式。...那么现在我问题是:在React中,tabs组件是否真的还需要按照这种显示隐藏多个div.bd-con方式?...关于这个问题,这里抛出两个支撑观点: 在使用tabs组件时候,需要维护一个state来控制各个tab切换 一般来说各个tab内容结构多半相似甚至相同,只是数据不同而已 基于这两点,简化版本tabs...其实只需要ul.tabs-hd部分,对于内容部分,根本不需要放到tabs里面去封装成组件 <div class="content"

    1.9K10

    简述tabs react组件简单实现

    在DOM操作时代,tabs结构一般如下: div.tabs ul.tabs-hd li.hd-tt*n div.tabs-bd div.bd-con*...到了以React为代表数据变化引起UI更新时代,基于上面方式实现tabs组件还是非常多,以Ant Design,IMUI为例,都是这种实现方式。...那么现在我问题是:在React中,tabs组件是否真的还需要按照这种显示隐藏多个div.bd-con方式?...关于这个问题,这里抛出两个支撑观点: 在使用tabs组件时候,需要维护一个state来控制各个tab切换 一般来说各个tab内容结构多半相似甚至相同,只是数据不同而已 基于这两点,简化版本tabs...其实只需要ul.tabs-hd部分,对于内容部分,根本不需要放到tabs里面去封装成组件 <div class="content"

    1.3K100

    window安装node.js和docsify安装

    电脑重装了系统很多东西都要重新安装,就连jdk环境变量都老是忘何况安装nodejs呢,记录下,下次肯定用得到~ 一、下载安装 首先官网下载node.js:官网下载地址: http://nodejs.cn...: 二、环境变量配置 1、在安装目录新增两个文件夹 说明:这里环境配置主要配置是npm安装全局模块所在路径,以及缓存cache路径,之所以要配置,是因为以后在执行类似:npm install...express [-g] (后面的可选参数-g,g代表global全局安装意思)安装语句时,会将安装模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间...例如:我希望将全模块所在路径和缓存路径放在我node.js安装文件夹中,则在我安装文件夹【D:\软件\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图: 用来存放模块和缓存...docsify官方地址:https://docsify.js.org/#/zh-cn/ 参考:https://ymjin.blog.csdn.net/article/details/121788104

    2.5K20

    JS】666- window.reqeustIdleCallback方法详解

    最初我以为这个函数就是和实现动画 requestAnimationFrame 拥有相同行为,因为它们使用方法非常类似,但实际使用后发现它们差别还是蛮大。...定义和用法 首先来看一下它定义和用法,MDN是这样定义它: 这是一个实验中功能,window.requestIdleCallback() 将一个(即将)在浏览器空闲时间执行函数加入队列,这使得开发者在主事件循环中可以执行低优先级工作...浏览器每一帧都需要完成这些任务: 处理用户交互 JS执行 一帧开始,处理视窗变化、页面滚动等 requestAnimationFrame(rAF) 重排(layout) 绘制(draw) 在这些步骤完成后...下表中列举了一些延迟时间和用户体验对应关系: 时间范围 用户体验 0-16ms 页面是丝滑,每秒绘制60帧,即16ms每帧,其中包括浏览器绘制时间(Raster和GPU等时间消耗),生成一帧时间在...React维护了两个小顶堆taskQueue和timerQueue,前者保存等待被调度任务,后者保存调度中任务,它们排列依据分别是任务超时时间和过期时间。

    1.9K21

    python使用execjs执行含有window等对象js代码

    当我们分析爬虫时,有时候会遇到一些加密参数,这个时候就需要我们逆向分析js python执行js有一些第三方库 所以我们只要在对应js代码里最前面加上以下代码就能正常运行 const jsdom =...DOCTYPE html>Hello world`); window = dom.window; document = window.document; XMLHttpRequest =...window.XMLHttpRequest; 在全局安装jsdom后,在node里按上面的写法是没有问题,但是我们要在python中使用的话,不能在全局安装 如果在全局安装,使用时会报如下错误,说找不到...使用cwd参数,指定模块所在目录,比如,我们在全局安装jsdom,在cmd里通过npm root -g 可以查看全局模块安装路径: C:\Users\w001\AppData\Roaming\npm...\node_modules 我们使用时,代码可以按下面的写法写 import execjs with open(r'要运行.js','r',encoding='utf-8') as f: js

    2.8K30

    Window环境下搭建Vue.js开发环境

    大致步骤 安装Node.js 安装Vue.js 安装Webpack Step1: 安装Node.js Node.js是一个Javascript运行环境(runtime)。...V8引 擎执行Javascript速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代API,使得V8在非浏览器环境下运行得更好。...Node.js是一个基于Chrome JavaScript运行时建立平台, 用于方便地搭建响应速度快、易于扩展网络应用。...Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型实时应用。 Node.js 包管理器 npm,是全球最大开源库生态系统。...Step 2: 安装Vue.js 首先使用淘宝镜像升级npm,使其可以使用cnpm命令(单纯npm可能由于网络长城因而速度受限)。

    2.9K70

    Window源码解析(四):Window删除机制

    第一篇:《Window源码解析(一):与DecorView那些事》 第二篇:《Window源码解析(二):Window添加机制》 第二篇:《Window源码解析(三):Window更新机制》 Header...这篇将是 Window 系列最后一篇了,主要来讲讲 Window 删除机制原理。...其实相对于 Window 添加和更新来说,删除也是换汤不换药。也是通过 WindowSession 和 WindowManagerService 来完成这个步骤。...Window删除机制 我们删除 Window 代码: WindowManager.removeView WindowManagerImpl removeView(View view) @Override...Footer 终于终于终于把 Window 相关内容都重新梳理完毕了,也花了将近一个月时间。 之前有一些似懂非懂点也明朗了,但是还是有一些地方没有深入去涉及。

    1.1K40

    Window源码解析(二):Window添加机制

    第一篇:《Window源码解析(一):与DecorView那些事》 Header 在上一篇中,我们讲了 Window 和 DecorView 那些事,如果没有看过同学请点击这里:《Window源码解析... setView 来更新界面并完成 Window 添加; 可以看出,Window 添加还需要我们到 ViewRootImpl.setView 中去看,同时也即将开启 View 三大工作流程。...所以这是一个 IPC 过程。这步具体实现我们下面再看。 在添加完成后,根据返回值 res 来判断添加 window 是否成功。...到这,整个添加 Window 过程就结束了。 Footer Window 添加其实就是一个 IPC 过程,而更新和删除 Window 也是如此,基本上步骤都是相似的。...接下来就顺便把 Window 更新和删除流程都梳理一遍吧。 静静等待此系列第三篇出炉!

    74740
    领券