window.open 在父页面操纵子页面元素

父页面：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script>function showmodelwindow() {var itop = (window.screen.availheight - 510) / 2; //获得窗口的垂直位置;var ileft = (window.screen.availwidth - 650) / 2; //获得窗口的水平位置;var infoWindow = window.open('testopenwindow.html', '', 'height=510px, width=650px, top=' + itop + ',left=' + ileft + ', toolbar=no,menubar=no, scrollbars=yes, resizable=no,location=no, status=no')infoWindow.onload = function() {infoWindow.document.getElementById("test").innerHTML = '2'infoWindow.document.getElementById("tertcc").value="这里是你要赋的值ccccccc";//表单提交//infoWindow.document.getElementById('sub_form').submit();//触发按钮// infoWindow.document.getElementById("btn").onclick();}}</script></head><body><input type="button" value="click it" onclick="showmodelwindow()"/><input type="button" value="c" onclick="confirmback()"></body></html>

子页面（子页面也可以是第三方网页，如：实现在自己的页面上操纵第三方页面，实现自动填值，提交的模拟登陆，流程相似）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script>function to_baidu() {window.open('http://www.baidu.com')}</script></head>
<body><form id="sub_form" method="post" action="http://www.bai.com"><input type="text" id="tertcc"></input><input type="button" id="btn" onclick="to_baidu()"></input><div id="test">1</div></form></body></html>

效果：

表单提交效果：

触发按钮效果：

window.open 在父页面操纵子页面元素相关推荐

父、子页面之间页面元素的获取，方法的调用
一.在iframe页面上调取父级页面元素 1.在父页面上获取iframe页面元素(在父页面修改子页面div的背景色为红色) js代码如下: 1 <script type="t ...
iframe父页面与子页面之间的元素获取与方法调用
JS 父页面调用子页面子页面调用父页面元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById(&qu ...
iframe子页面与父页面元素的访问以及js变量的访问
后台管理系统嵌套了很多iframe页面,想要取得父页面的元素,需要特殊的写法,总是记不住,写下来方便寻找 // eg:iframe页面找父页面的 #nav $('#nav',parent.docume ...
selenium 页面经常改变元素_selenium 总结篇，常见方法和页面元素的操作
今天,总结一下selenium怎么操作web页面常见的元素. 主要有: 上传 alter dialog prompt dialog confirm dialog select list radio b ...
iframe 覆盖父页面_一次iframe子页面与父页面的通信
事件回顾: 收到需求,说是要在别人的系统里嵌入目前由我维护的系统,嵌入的逻辑不多,只有一个创建流程. 刚开始觉得没什么,不就是你改改,我改改,你给我url加个参数,我知道是你调用,修改下页面balab ...
window.showModalDialog();会弹出当前页面脚本发生错误部分解决方法
说明一下下面都是我在做项目时的方法但查window.showModalDialog();会弹出当前页面脚本发生错误时没有方法所以我选择一个自认为可以的方法解决这个问题一.首先说说我要做的效果是什么: ...
1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画...
这周的学习让我初步了解到JQuery作为js库的封装的伟大性.Write less Do more 才是我们真正应该做到的! 1.jQuery基础语法 · 链式编程 $("#div1&quo ...
原生js获取html元素高度,js获取页面及个元素高度、宽度的代码
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...
python selenium截图_利用 Python + Selenium 实现对页面的指定元素截图(可截长图元素)...
对WebElement截图 WebDriver.Chrome自带的方法只能对当前窗口截屏,且不能指定特定元素.若是需要截取特定元素或是窗口超过了一屏,就只能另辟蹊径了. WebDriver.Phant ...

window.open 在父页面操纵子页面元素

window.open 在父页面操纵子页面元素相关推荐

最新文章

热门文章