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

最新推荐文章于 2023-09-08 14:45:25 发布

persistencequxi

最新推荐文章于 2023-09-08 14:45:25 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript面向对象编程

本文链接：https://blog.youkuaiyun.com/persistencequxi/article/details/79008534

javascript面向对象编程专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个在网页中打开新窗口并进行操作的示例代码，包括设置新窗口的位置尺寸、修改内容及触发按钮点击等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父页面：

<!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>