JS点击按钮打开新的标签页,工作中遇到需要点击按钮打开一个或多个,需要用到window.open()

工作中我们可能需要打开多个,看以下代码:

  var data = [{ "id": 1 }, { "id": 2 }, { "id": 2 }];
  $.each(data, function (i,v) {
  window.open('locationPage.html?id='+v.id, '_blank')

  })

  这个时候以上代码肯定会打开多个,问题来了,有些小伙伴死活只能打开一个新页面,怎么解决呢?很简单  

  解决方法:

  比如谷歌:进入浏览器的设置 找到弹出式窗口和重定向 设置为允许就好了

  

  • locationPage.html将在新窗口中打开(_blank属性控制,详细资料见a标签的target属性),高为100,宽为400,距页面顶0象素,页面左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
  • 参数解释

    • window.open 弹出新窗口的命令;
    • ‘locationPage.html’ 弹出窗口的文件名,相对路径绝对路径都可以;
    • ‘_blank’ 弹出新的独立窗口,非必须,可用空”代替,默认是’_self’;
    • height=100 窗口高度;
    • width=400 窗口宽度;
    • top=0 窗口距离屏幕上方的象素值;
    • left=0 窗口距离屏幕左侧的象素值;
    • toolbar=no 是否显示工具栏,yes为显示;
    • menubar=no 是否显示菜单栏,yes为显示;
    • scrollbars=no 是否显示滚动栏,yes为显示;
    • resizable=no 是否允许改变窗口大小,yes为允许;
    • location=no 是否显示地址栏,yes为允许;
    • status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
    • alwaysLowered 窗口隐藏在所有窗口之后,yes为允许;
    • alwaysRaised 窗口悬浮在所有窗口之上,yes为允许;
    • depended 是否和父窗口同时关闭,yes为允许;
    • titlebar 窗口题目栏是否可见,yes为允许;
    • z-look 窗口打开后是否浮在所有窗口之上,yes为允许;

关于JavaScript点击按钮打开多个页面被浏览器以广告嫌疑拦截怎么解决的更多相关文章

  1. JavaScript点击按钮显示 确认对话框

    //JavaScript点击按钮显示确认对话框 <html xmlns="http://www.w3.org/1999/xhtml"> <head> < ...

  2. JS点击按钮打开新的独立页面

    工作中遇到需要点击按钮弹出一个独立的页面,并显示指定内容的问题,查了一些资料后,得到以下方法: window.open('locationPage.html', '_blank', 'height=1 ...

  3. JavaScript中点击按钮弹出新的浏览器窗口

    */ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.js * 作者:常轩 * 微信公众号:Worldhel ...

  4. javascript : 点击按钮,把某标签中的内容复制到剪贴板

    需求如题. 静态页面如下. 需要的库:jquery(不用应该也能做). 浏览器:PC chrome 68 Mobile MIUI9.5(Android 7) <p>1.用电脑打开网址:&l ...

  5. javascript 点击按钮实现隐藏显示切换效果

    原文链接:http://www.jb51.net/article/79083.htm <html> <head> <meta charset="gb2312&q ...

  6. jq点击按钮打开和关闭弹出层,点击除了当前按钮以外的地方关闭弹出层

    1.html <a id="more" onclick="moreFun()">更多</a> <ul id="moreL ...

  7. 点击按钮打开一个新的窗口 关键词(Intent, setData , putExtra , startActivity |Bundle)

    M3U8_Video_demo 项目 //------------------ 创建发送private void playVideo(String source, String title) { if ...

  8. K3/Cloud点击按钮打开第三方URL

    public override void AfterBarItemClick(BOS.Core.DynamicForm.PlugIn.Args.AfterBarItemClickEventArgs e ...

  9. iframe子页面点击按钮,执行父页面的点击事件

    iframe 子页面点击.parent 父页面  的id(auth-link-btn)的事件 <a href="javascript:void(0);" onclick=&q ...

随机推荐

  1. yum自建离线仓库

    1.步骤 centOS的安装包,完整版最好--everyhing版本 解压缩 将文件夹内Packages文件导入系统 执行命令如下: 1. mv ./Packages/ /mnt/ 2. create ...

  2. 分布式任务调度平台 → XXL-JOB 实战

    开心一刻 老师:谁知道鞭炮用英语怎么说? 甲:老师!老师!我知道,鞭炮的英文是pilipala. 老师:那闪电呢? 乙:kucha kucha 老师:那舞狮呢? 丙:dong dong qiang 老 ...

  3. c++日志工具spdLog

    c++日志工具spdLog简单使用示例代码 spdlog直接引用头文件就可以使用,这一点还是比较方便的,也是刚入门使用,下面是在源码的示例代码基础上修改测试的代码: #include <cstd ...

  4. Jdbc Template初步了解

    JdbcTemplate简介 Java语言提供了jdbc来访问数据库,在jdbc api中需要手动的获取和释放连接等资源,使用起来需要做许多重复的工作.Spring在jdbc api的基础上做了抽象和 ...

  5. 12、Java 正则表达式

    简介 用来描述或者匹配一系列符合某个语句规则的字符串 正则表达式定义了字符串的模式. 正则表达式可以用来搜索.编辑或处理文本. 正则表达式并不仅限于某一种语言,但是在每种语言中有细微的差别. 一.正则 ...

  6. java 静态导入、可变参数、集合嵌套

    一 静态导入 在导包的过程中我们可以直接导入静态部分,这样某个类的静态成员就可以直接使用了. 在源码中经常会出现静态导入. 静态导入格式: import static XXX.YYY;   导入后YY ...

  7. 搭建 WordPress 博客教程

    搭建 WordPress 博客教程(超详细) 在 2018年7月29日 上张贴 由 suncent一条评论 本文转自:静候那一米阳光 链接:https://www.jianshu.com/p/5675 ...

  8. 下面POM插件的作用是转换包名,修改tomcat跳转端口

    <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat6-mave ...

  9. 使用Spring Boot开发者工具进行自动重启和页面自动刷新

    简介 大家可能都听说过开发Node.js应用时可以使用多种工具对开发者提供便利,如WebPack提供了开发者服务器来支持js应用动态更替,并在保存文件时自动刷新浏览器.Spring Boot也提供了相 ...

  10. 【luogu1613】跑路 - 倍增+Floyd

    题目描述 小A的工作不仅繁琐,更有苛刻的规定,要求小A每天早上在6:00之前到达公司,否则这个月工资清零.可是小A偏偏又有赖床的坏毛病.于是为了保住自己的工资,小A买了一个十分牛B的空间跑路器,每秒钟 ...