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

chrome插件获取window挂载属性

需求:我们在开发浏览器插件时候,有一些页面中会变一些变量挂在全局变量中(window.xxx) 举例:window.xxx = [1,2,3,4,5] 这些信息可能是页面渲染必要数据, 我们之前是通过爬取...好在文档里说DOM是共用, 然后我们就可以把这些变量挂在到document上,以自定义属性形式存储,之后取出。...', fp);"; document.head.appendChild(script); document.head.removeChild(script); //取出自定义属性...console.log(document.body.getAttribute('data-fp')); }, 1000); 之后,我们就拿到window上挂载属性拉,就可以在我们contentScript...里面使用了, 问题延申:为什么不能够在contentScript里面直接使用window全局变量呢?

2.5K20

Android解析WindowManager(二)Window属性

前言 在上一篇文章我们学习了WindowManager体系,了解了Window和WindowManager之间关系,这一篇我们接着来学习Window属性。...”,这些“协议”就是Window属性,被定义在WindowManager内部类LayoutParams中,了解Window属性能够更好理解WMS内部原理。...Window属性有很多种,与应用开发最密切有三种,它们分别是Type(Window类型)、Flag(Window标志)和SoftInputMode(软键盘相关模式),下面分别介绍这三种Window...属性。...结语 好了,就讲到这里,本篇文章讲了Window属性,分别是Type(Window类型)、Flag(Window标志)和SoftInputMode(软键盘相关模式),这些知识会为后续介绍WMS系列文章打下基础

1K80
您找到你想要的搜索结果了吗?
是的
没有找到

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.../","_top") specs:属性,不同属性用逗号隔开,key和value之间用等号 // 设置宽高 window.open("https://vampireachao.gitee.io/","_blank

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

作为window对象属性元素 多窗口和窗体

作为window对象属性文档元素 如果html文档中用id属性为元素命名。...并且如果 window对象没有此名字属性,则window对象会赋予一个属性,其名字为id属性值,其值指向该元素 html 控制台 window.ming;...每一个iframe都是一个独立window对象。 对于客户端js来说,窗口,标签页,iframe和框架都是浏览上下文。对于js来说都是window对象。...不管其嵌套了多少层,包括使用top属性指向都是最顶层窗口。 如果window本身就是顶层窗口,则top就是其窗口本身。其top就是parent 交互窗口中js 每个窗口窗体都是js执行上下文。...好啦,不在过多解释,毕竟这个已经没有什么用window作用域链 window对象是客户端js全局变量,但是从技术上不是,web浏览器每次向窗口或者窗体载入新内容时候,都是开始一个新js执行上下文

2.1K50

js对象属性

前言 相信对于对象属性大家都或多或少知道一些,那么本文从属性说开去,看看大家对属性了解是否有遗漏部分。...1 如果默认使用属性循环来展示数据,有很多不必要展示数据都要过滤筛选掉,比较低效麻烦 2 属性循环访问不一定符合我们需要展示顺序,这点才是致命,导致我们在业务需要时候更多时候是固定顺序固定访问对象属性...构造函数得到属性以及基本属性赋值 //正常构造函数以及对象属性赋值,call .apply构造函数继承方式属性都可以正常获取,并且属于对象自有属性 let Animal = function ()...(let p in zhangsan){ console.log(zhangsan.hasOwnProperty(p),`${p}:${zhangsan[p]}`) } 参考代码 codepen关于js...,但vue数据双向绑定就是基于这个实现,其在data属性中定义数据,全部对其属性属性定义中追加了虚拟dom事件,所以能够实现双向绑定。

15.6K10

js nextSibling属性和previousSibling属性

1:nextSibling属性属性表示当前节点下一个节点(其后节点与当前节点同属一个级别);如果其后没有与其同级节点,则返回null。...需要特别注意是:该属性在不同浏览器中执行结果并不都相同,见下面例示: 先来看一个例子: <input id=“a4” type=“button” οnclick...opera和safari对nextSibling处理方式与FF一致 2:previousSibling属性属性与nextSibling属性作用正好相反。...3:通过nextSibling或者 previousSibling所获得HTML标签元素对象属性问题 一般先通过nextSibling.nodeName来获知其标签名,或者通过nextSibling.nodeType...如果该nextSibling.nodeName = #text,则通过nextSibling.nodeValue来获知其文本值;否则,可以通过nextSibling.innerHTML等其他常用标签元素属性来获取其属性

6.5K30

Js窗体window大小设置(转)

网页被卷去高:document.body.scrollTop  网页被卷去左:document.body.scrollLeft  网页正文部分上:window.screenTop  网页正文部分左...:window.screenLeft  屏幕分辨率高:window.screen.height  屏幕分辨率宽:window.screen.width  屏幕可用工作区高度:window.screen.availHeight...  offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定父坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定父坐标的计算左侧位置...  offsetTop:获取对象相对于版面或由 offsetTop 属性指定父坐标的计算顶端位置  event.clientX 相对文档水平座标  event.clientY 相对文档垂直座标 ...//然后参考 http://www.javaeye.com/topic/155981 这篇博客,来动态设定组件大小   }    window.onresize = resize;    Ext.onReady

6K20

深入 JS 对象属性

属性决定JS中对象状态,本文章主要分析这些属性是如何工作JS几种不同属性 JS有三种不同属性:数据属性,访问器属性和内部属性。...如果设为false,将阻止某些操作改写该属性,比如无法删除该属性,也不得改变该属性属性描述对象(value属性除外)。也就是说,configurable属性控制了属性描述对象可写性。 3....每个属性都有自己对应属性描述对象,保存该属性一些元信息。下面是值为123属性描述对象一个例子。...obj:要在其上定义属性对象。 prop:要定义或修改属性名称。 descriptor:将被定义或修改属性描述符。...如果没有指定为 undefined,则是要添加到新创建对象可枚举属性(即其自身定义属性,而不是其原型链上枚举属性)对象属性描述符以及相应属性名称。

8.5K50

JS 对象属性相关--检查属性、枚举属性

1.删除属性 delete运算符可以删除对象属性 delete person.age //即person不再有属性age delete person['age'] //或者这样 delete只是断开属性和宿主对象联系...,而不会去操作属性属性  看到delete a.p之后b.x仍然为1 var a = {p:{x:1}}; var b = a.p; console.log(a.p.x); //1 delete a.p...,不能删除继承属性(要删除继承属性必须从定义这个属性原型对象上删除它,当然,这会影响到所有继承来自这个原型对象) function inherit(p){ if(p == null){...delete obj1.x; delete obj1.y; console.log("x = "+obj1.x+" y = "+obj1.y); //x = 1 y = undefined 当然了,可配置属性才能用到...只有检测到是自由属性并是可枚举属性时,后者才返回true var obj = {x:1}; console.log(obj.propertyIsEnumerable("x")); //true console.log

5.8K20
领券