在A网页里点击“打开”按钮后,利用JS打开网页B; 网页B里包含若干个文本框和一个“确定”按钮,用户点击“确定”按钮后,网页B检查是否有文本框输入为空; 将焦点定为到空文本框,否则关闭网页B,并将网页B中文本框内容显示到网页A中。
时间: 2023-06-19 22:08:33 浏览: 30
可以使用以下代码实现:
在网页A中的HTML代码:
```
<button onclick="openPageB()">打开网页B</button>
```
在网页A中的JS代码:
```
function openPageB() {
// 打开网页B
var popup = window.open("网页B的URL", "popup", "width=400,height=400");
// 监听网页B中确定按钮的点击事件
popup.document.getElementById("btn-ok").addEventListener("click", function() {
var inputs = popup.document.getElementsByTagName("input");
var isEmpty = false;
var emptyInput = null;
// 检查文本框是否为空
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type === "text" && inputs[i].value.trim() === "") {
isEmpty = true;
emptyInput = inputs[i];
break;
}
}
if (isEmpty) {
// 将焦点定位到空文本框
emptyInput.focus();
} else {
// 关闭网页B,并将文本框内容显示到网页A中
var inputValues = [];
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type === "text") {
inputValues.push(inputs[i].value);
}
}
popup.close();
displayInputValues(inputValues);
}
});
}
function displayInputValues(values) {
// 将文本框内容显示到网页A中
var displayArea = document.getElementById("input-values");
displayArea.innerHTML = "";
for (var i = 0; i < values.length; i++) {
displayArea.innerHTML += "<p>" + values[i] + "</p>";
}
}
```
在网页B中的HTML代码:
```
<input type="text" placeholder="输入内容">
<input type="text" placeholder="输入内容">
<button id="btn-ok">确定</button>
```
注意,需要将网页B的URL替换为实际的URL,以及将"input-values"替换为网页A中用于显示文本框内容的元素的id。