关闭

浏览器新标签操作源页面元素

3492人阅读 评论(0) 收藏 举报
分类:

有一个这样的功能:点击页面中的链接,打开一个新的窗口(新标签),这个时候需要在新窗口的页面中操作源页面的元素或者调用里面的JS函数。刚开始看到这个需求的时候,我以为是做不了的,感觉浏览器不会给这种权限的,事实证明,我还是太嫩了~

其实这个功能实现起来很简单,把新打开的窗口当成是一个内嵌的 iframe 就可以了,众所周知,iframe 子窗口可以随意操作父级窗口里的元素,好了,废话说完了,直接上代码。

源页面代码

<a href="javascript:openUrl(url);" target="_blank">点击弹出新窗口</a>

<script type="text/javascript">
    function openUrl(url){
        // 此处一定要使用oepn的方式来打开窗口
        window.open(url);
    }

    function test(){
        console.log("测试调用");
    }
</script>

新页面代码

<script type="text/javascript">
    $(function(){
        // 取父窗口的元素方法:
        $(selector, window.parent.document);

        // 调用源页面内的JS方法
        // 注意这里一定要使用opener
        window.opener.test();
    });

 </script>

技术交流学习或者有任何问题欢迎加群:154514123

这里写图片描述

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

浏览器新标签操作源页面元素

有一个这样的功能:点击页面中的链接,打开一个新的窗口(新标签),这个时候需要在新窗口的页面中操作源页面的元素或者调用里面的JS函数。刚开始看到这个需求的时候,我以为是做不了的,感觉浏览器不会给这种权限...
  • u014723529
  • u014723529
  • 2016-06-13 20:34
  • 3492

Selenium, ChromeDriver 自动化测试,抓取网页元素,java

Selenium也是一个用于Web应用程序测试的工具。Selenium测试直接在浏览器中运行,就像真实用户所做的一样。Selenium 测试可以在 Windows、Linux 和 Macintosh...
  • wer724853863
  • wer724853863
  • 2016-09-08 14:41
  • 7285

Chrome浏览器中页面在新的标签页打开

最近一直在使用谷歌浏览器(你还在百度?)发现Chrome默认是在本页面打开链接,这点我很不爽。在上网找了以下三种方法: 1.用鼠标中键(也就是滚轮)打开链接。 2.按住Ctrl键的同时单击链接。 3....
  • lufeisan
  • lufeisan
  • 2016-12-19 08:54
  • 1953

Holmos自动化测试入门学习(九)------用新开浏览器方式后页面元素的操作

平时测试经常碰到这么一个场景,例如点击了查询,查询结果在新浏览器页面打开,这时我们得在新开浏览器中操作, 就得把控制权交与新开的浏览器,那又如何把控制权交给新开的浏览器页面呢?Holmos封装了如下方...
  • hsj880921
  • hsj880921
  • 2013-08-13 14:41
  • 1274

webdriver与浏览器_操作页面元素—警告框、提示框、确认框

使用Selenium的Alert来操作javascript形式的警告框alertDialog、提示框promptDialog、确认框confirmDialog。 具体步骤如下: 1、使用xpath定位...
  • Hui_Na
  • Hui_Na
  • 2016-01-21 18:56
  • 7163

使用jQuery对页面元素(或者标签)进行Dom操作(增加和删除),电力项目

1、通过js操作把表格增加一行 function insertRows(){ //获取表格对象 var tb1 = $("#dictTbl"); var tempRow = $("#dict...
  • tangliuqing
  • tangliuqing
  • 2015-01-16 17:29
  • 801

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?

html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问题 article;IE7/。 2,还新增了以下的几大类元素,利用这一特性让这些浏览器支持HTML5新标签,tt、hea...
  • ermao_zbp
  • ermao_zbp
  • 2017-11-16 14:04
  • 165

使用struts2的标签,在页面上用列表的方式列出action里集合中所有元素的所有属性值

  • 2014-05-17 00:33
  • 3.74MB
  • 下载

深圳文鹏教育_软件测试培训_页面元素操作

  • 2017-03-08 14:51
  • 486KB
  • 下载

Duilib + CEF 实现多标签多页面浏览器实例

  • 2016-12-15 17:28
  • 63.97MB
  • 下载
    Java技术交流群:6128790
    微信
    编程技术学习交流群 :154514123
    微信
    个人资料
    • 访问:590134次
    • 积分:8283
    • 等级:
    • 排名:第2816名
    • 原创:311篇
    • 转载:34篇
    • 译文:2篇
    • 评论:110条
    最新评论