在从父窗口调用的子窗口中设置输入文本值,可以通过以下步骤实现:
下面是一个示例代码:
父窗口代码:
<!DOCTYPE html>
<html>
<head>
<title>父窗口</title>
<script>
function openChildWindow() {
var textValue = "Hello World"; // 需要传递给子窗口的文本值
var childWindow = window.open("child.html", "子窗口", "width=400,height=200");
childWindow.onload = function() {
childWindow.setInputValue(textValue); // 调用子窗口中的函数,传递文本值
};
}
</script>
</head>
<body>
<button onclick="openChildWindow()">打开子窗口</button>
</body>
</html>
子窗口代码(child.html):
<!DOCTYPE html>
<html>
<head>
<title>子窗口</title>
<script>
function setInputValue(textValue) {
var inputElement = document.getElementById("inputText");
inputElement.value = textValue; // 将文本值设置到文本输入框中
}
</script>
</head>
<body>
<input type="text" id="inputText">
</body>
</html>
在这个示例中,父窗口中的openChildWindow()函数用于打开子窗口,并传递文本值。子窗口中的setInputValue()函数用于接收文本值,并将其设置到文本输入框中。
注意:这只是一个简单的示例,实际应用中可能需要根据具体需求进行适当的修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云