如何在新窗口（window.open（））中编写JavaScript？
对于JavaScript分配，我将使用window.open（）创建一个新窗口。此窗口将使用document.write（）填充内容。该窗口必须具有使用JavaScript更改窗口中文本大小的按钮 我的问题是，如何在这个新窗口中使用或编写JavaScript，以便调整窗口文本的大小 下面是我的代码的一个简短版本（存储在外部js文件中）：如何在新窗口（window.open（））中编写JavaScript？,javascript,Javascript,对于JavaScript分配，我将使用window.open（）创建一个新窗口。此窗口将使用document.write（）填充内容。该窗口必须具有使用JavaScript更改窗口中文本大小的按钮 我的问题是，如何在这个新窗口中使用或编写JavaScript，以便调整窗口文本的大小 下面是我的代码的一个简短版本（存储在外部js文件中）： var新窗口； 函数displayWindow（）{ newWindow=window.open（“，”newWindow“，”宽度=800，高度=600”）
var新窗口；
函数displayWindow（）{
newWindow=window.open（“，”newWindow“，”宽度=800，高度=600”）；
newWindow.document.write（'-Text size+'）；
newWindow.document.write（'这里是一些我希望能够调整大小的文本'）；
}
函数resizeText（更改）{
开关（更换）{
案例1：
newWindow.document.style.fontsize=“80%”；
打破
案例2：
newWindow.document.style.fontsize=“120%”；
打破
违约：
警报（“错误”）；
打破
}
}<html>
<body onload="init()">
<h2>Parent Window</h2>
<script type="text/javascript">
var popup;
function init() {
popup = window.open("", "newWindow", "width=800, height=600");
if (popup) popup.document.write('<html><body>Child Window<br><button onclick="opener.fontSize(48)">Test</button></body></html>');
}
function fontSize(size) {
popup.document.body.style.fontSize = size + 'px';
}
</script>
</body>
</html>
父窗口
var弹出窗口；
函数init（）{
弹出窗口=窗口。打开（“，”新窗口“，”宽度=800，高度=600”）；
if（弹出）popup.document.write（“子窗口
测试”）；
}
函数大小（大小）{
popup.document.body.style.fontSize=大小+px'；
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript">
var newWindow;
function displayWindow() {
newWindow = window.open("", "newWindow", "width=800, height=600");
var windowInsertVar = '';
windowInsertVar += '\x3Cscript>';
windowInsertVar += 'function resizeText(change) {';
windowInsertVar += 'switch (change) {';
windowInsertVar += 'case 1:';
windowInsertVar += 'document.getElementById(\'textToBeResized\').style.fontSize = "80%"\;';
windowInsertVar += 'break\;';
windowInsertVar += 'case 2:';
windowInsertVar += 'document.getElementById(\'textToBeResized\').style.fontSize = "120%"\;';
windowInsertVar += 'break\;';
windowInsertVar += 'default:';
windowInsertVar += 'alert(\'Error\')\;';
windowInsertVar += 'break\;';
windowInsertVar += '}';
windowInsertVar += '}';
windowInsertVar += '\x3C/script>';
windowInsertVar += '<button onclick="resizeText(1)">-</button> Text size <button onclick="resizeText(2)">+</button>)\;';
windowInsertVar += '<div id="textToBeResized">Here is some text that I would like to be able to be resized.</div>';
newWindow.document.write(windowInsertVar);
}
</script>
</head>
<body>
<button id="displayWindow" onClick="displayWindow();">Display Window</button>
</body>
</html>
无标题文件
新窗口；
函数displayWindow（）{
newWindow=window.open（“，”newWindow“，”宽度=800，高度=600”）；
var windowInsertVar=''；
windowInsertVar+='\x3Cscript>'；
windowInsertVar+='函数大小文本（更改）{'；
windowInsertVar+='开关（更改）{'；
windowInsertVar+=“案例1:”；
windowInsertVar+=“document.getElementById（\'textToBeResized\”）.style.fontSize=“80%”；
windowInsertVar+=“中断\；”；
windowInsertVar+=“案例2:”；
windowInsertVar+=“document.getElementById（\'textToBeResized\”）.style.fontSize=“120%”；
windowInsertVar+=“中断\；”；
windowInsertVar+=“默认值：”；
windowInsertVar+=“警报（\'Error\'）\；”；
windowInsertVar+=“中断\；”；
windowInsertVar+='}'；
windowInsertVar+='}'；
windowInsertVar+='\x3C/script>'；
windowInsertVar+='-文本大小+\；'；
windowInsertVar+='这里是一些我希望能够调整大小的文本'；
newWindow.document.write（windowInsertVar）；
}
显示窗口
开关}