首页
学习
活动
专区
圈层
工具
发布

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

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

    Js窗体window大小设置(转)

    document.body.scrollHeight  网页被卷去的高: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(function(){                 formWindow = new Ext.Window

    7.6K20

    鸿蒙开发:实现popup弹窗

    前言 本文基于Api12 popup弹窗,可以说是一个很常见的功能,像上边的微信,以及很多的应用,都会存在这样的需求,鸿蒙原生Api中,对于popup弹窗,可以说实现起来特别的简单,直接使用提供的 bindPopup..., popup: PopupOptions | CustomPopupOptions): T; bindPopup共有两个参数,第一个参数show用于控制popup弹窗的显示,为了便于动态的弹出和隐藏,...radius:popup弹窗的圆角半径。 targetSpace:popup弹窗与绑定组件的距离。 onWillDismiss:popup弹窗隐藏回调,这里做一些隐藏之后的逻辑处理。...二、如何更改popup样式 更改popup样式,主要是根据上述的属性来进行设置,简单的举例几个样式。...三、如何自定义popup弹窗 在实际的需求中,popup弹窗不可能总是一个文字展示,有着多种多样的需求,比如前言中微信案例,那么如何自己定义弹窗的效果呢?

    59400

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

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

    3.2K70

    JavaScrtip之JS最佳实践

    下面是一段关于window.open()的代码: function popUp(){ window.open...){ window.open(winUrl, "popup", "width=320,height=360"); } 这条语句在支持"javascript...,我们不可能一个个的去加,而且将JS代码写在html标签里也十分的不合适,这点css已向我们证明,所以我们对上面的代码在做进一步的改进: window.onload=prepareLinks; //window.onload...所以针对上述浏览器,为了确保JS代码能够正常运行,我们必须检测浏览器对JavaScript的支持程度,代码如下: window.onload = alert1; function checkCompatibility...网页设计需要遵循"内容就是一切"的准则,所以我们应该将JS脚本放到之前这样页面(内容)就会变得更快!window对象的load事件依然可以执行对文档进行的操作。

    2.5K50

    使用Vue开发Chrome插件

    ├─router | | └index.js | ├─popup | | ├─App.vue | | └main.js | ├─override | | ├─App.vue...后续我都会使用 JQuery 来进行操作 在 src/content-script/bilibili.js 中写下如下代码 window.onload = function () { console.log...如果你想的话也可以直接在 content-script.js 上编写代码,这样就无需使用 window 对象,但这样导致一些业务逻辑都堆在一个文件里,所以我习惯分成 bilibili.js 然后注入方式为...来进行中转,一般来说很少 content –> popup(因为操作 popup 的前提都是 popup 要打开),相对更多的是 content –> background 或 popup –> content...向 content 发送请求 src/content-script/bilibili.js window.onload = function () { console.log('content加载完毕

    4K20

    ​Chrome扩展插件的开发--获取网页Cookies

    /script/popup.js">权限配置获取cookies需要先在manifes.json中添加对应权限;host_permissions中设置哪些网站下该插件可以获取...host_permissions": ["http://*/*","https://*/*"],"permissions": ["cookies","tabs"]}popup.js在开发插件时,不能将...js 代码直接写在 html 文件里,否则会报错,必须要单独新建一个 js 文件,然后通过 script 标签引用该文件;通过在popup.js内调用chrome获取cookies的API来获取所访问网页的...document.addEventListener('DOMContentLoaded', () => {// chrome.tabs 读取浏览器已打开的tab页签,其中'active':true访问到的是当前所处的标签页// WINDOW_ID_CURRENT...当前标签页idchrome.tabs.query({ 'active': true, 'windowId':chrome.windows.WINDOW_ID_CURRENT },function (tabs

    1.9K20
    领券