JavaScript练习题目（4）弹出新窗口，并点击其上的按钮可以进行(50px,50px)的位移

最新推荐文章于 2021-07-20 10:08:04 发布

原创最新推荐文章于 2021-07-20 10:08:04 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #button #function #input

Web - JS/CSS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过JavaScript创建动态子窗口的技术，并详细解释了如何在子窗口中实现按钮点击事件，以及如何利用外部JavaScript文件进行操作。文章旨在为前端开发者提供一种灵活的页面扩展方法。

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

<html>
	<head>
		<title>Web Title</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<script type="text/javascript" src="js/test.js"></script>
	</head>
	<body>
		<input type="button" value="Click" onclick="test();" />
	</body>
</html>

function test () {
	newWindow = window.open('', '', 'width=200, height=100');
	newWindow.document.write("<html><head></head><body>");
	newWindow.document.write("<input type='button' value='move' onclick='move();' />");
	newWindow.document.write("<script type='text/javascript' src='js/test.js'></script>");
	newWindow.document.write("</body></html>");
}
function move () {
	self.moveBy(50, 50);
	self.focus();
}