js在A网页里点击“打开”按钮后,利用JS打开网页B; 网页B里包含若干个文本框和一个“确定”按钮,用户点击“确定”按钮后,网页B检查是否有文本框输入为空; 若有空,将焦点定为到空文本框,否则关闭网页B,并将网页B中文本框内容显示到网页A中。
时间: 2023-06-20 08:08:16 浏览: 58
你可以在网页A中使用以下JS代码来打开网页B:
```javascript
function openPageB() {
window.open("http://url-of-page-b.com");
}
```
在网页B中,你可以使用以下代码来检查文本框是否为空并将结果返回到网页A中:
```javascript
function checkInputs() {
var inputs = document.getElementsByTagName("input");
var isEmpty = false;
var emptyInput = null;
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].value == "") {
isEmpty = true;
emptyInput = inputs[i];
break;
}
}
if (isEmpty) {
emptyInput.focus();
} else {
var inputValues = [];
for (var i = 0; i < inputs.length; i++) {
inputValues.push(inputs[i].value);
}
window.opener.displayInputValues(inputValues);
window.close();
}
}
```
在网页A中,你需要定义一个名为 `displayInputValues` 的函数,用于显示网页B中的文本框内容:
```javascript
function displayInputValues(inputValues) {
// 处理 inputValues 数组,将文本框内容显示到网页A中
}
```
最后,在网页A中,你需要添加一个“打开”按钮,以及一个 `displayInputValues` 函数的实现:
```html
<button onclick="openPageB()">打开网页B</button>
<script>
function displayInputValues(inputValues) {
// 处理 inputValues 数组,将文本框内容显示到网页A中
}
</script>
```
这样,当用户在网页B中点击“确定”按钮时,将会自动调用 `displayInputValues` 函数,并将文本框内容传递过来。如果有空文本框,则会将焦点定位到第一个空文本框上。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)