在A网页里点击“打开”按钮后,利用JS打开网页B;网页B里包含若干个文本框和一个“确定”按钮,用户点击“确定”按钮后,网页B检查是否有文本框输入为空,有空则将焦点定为到空文本框,否则关闭网页B,并将网页B中文本框内容显示到网页A中
时间: 2023-06-20 10:07:43 浏览: 137
可以使用以下代码实现这个功能:
在网页A中的JS代码:
```javascript
function openB() {
window.open("B网页的URL");
}
function receiveData(data) {
// 处理从网页B传回来的数据
if (data !== "") {
// 将数据显示到网页A中
console.log("收到数据:" + data);
}
}
```
在网页B中的JS代码:
```javascript
function checkInputs() {
var inputs = document.querySelectorAll("input[type='text']");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].value === "") {
inputs[i].focus();
return false;
}
}
return true;
}
function sendData() {
if (checkInputs()) {
var data = "";
var inputs = document.querySelectorAll("input[type='text']");
for (var i = 0; i < inputs.length; i++) {
data += inputs[i].value + ",";
}
window.opener.receiveData(data.slice(0, -1));
window.close();
}
}
```
在网页B中,当用户点击确定按钮时,会调用sendData()函数。该函数先检查所有文本框是否有空值,如果有空值,则将焦点定位到第一个空文本框,并返回false;否则,将所有文本框的内容拼接成一个字符串,并调用window.opener.receiveData()函数将数据传回网页A中。注意,在传递数据时,可以使用逗号分隔多个数据项,然后在网页A中使用split()函数将其拆分开来。最后,调用window.close()函数关闭网页B。
阅读全文