父画面调用共通的监听方法返回值给画面元素赋值
时间: 2023-08-09 11:11:27 浏览: 157
如果您想在父画面中调用共通的监听方法,并将返回值赋值给画面元素,可以按照以下步骤进行:
1. 在父画面中定义一个监听方法,例如:`onCommonListener(value)`。该方法接受一个参数 `value`,用于接收共通监听方法的返回值。
2. 在共通的监听方法中,当需要返回值时,可以使用以下语句:`return value;`,其中 `value` 表示需要返回的值。
3. 在共通的监听方法中,当需要调用父画面的监听方法时,可以使用以下语句:`parent.onCommonListener(value);`,其中 `parent` 表示父画面对象,`onCommonListener` 表示父画面中定义的监听方法,`value` 表示需要传递给父画面的值。
4. 在父画面中,可以通过以下方式调用共通的监听方法,并将返回值赋值给画面元素:
```javascript
// 调用共通的监听方法
var value = commonListener();
// 将返回值赋值给画面元素
document.getElementById("elementId").value = value;
```
其中 `commonListener` 表示共通的监听方法,`elementId` 表示需要赋值的画面元素的 ID。
需要注意的是,以上代码只是示例,具体实现方式可能会因为您的具体情况而有所不同。
相关问题
父画面需要调用共同监听方法,返回值给自己画面元素赋值
如果您想在父画面中调用共通的监听方法,并将返回值赋值给父画面自己的画面元素,可以按照以下步骤进行:
1. 在父画面中定义一个监听方法,例如:`onCommonListener(value)`。该方法接受一个参数 `value`,用于接收共通监听方法的返回值。
2. 在共通的监听方法中,当需要返回值时,可以使用以下语句:`return value;`,其中 `value` 表示需要返回的值。
3. 在共通的监听方法中,当需要调用父画面的监听方法时,可以使用以下语句:`parent.onCommonListener(value);`,其中 `parent` 表示父画面对象,`onCommonListener` 表示父画面中定义的监听方法,`value` 表示需要传递给父画面的值。
4. 在父画面中,可以通过以下方式调用共通的监听方法,并将返回值赋值给父画面自己的画面元素:
```javascript
// 调用共通的监听方法
var value = commonListener();
// 将返回值赋值给父画面自己的画面元素
document.getElementById("parentElementId").value = value;
```
其中 `commonListener` 表示共通的监听方法,`parentElementId` 表示父画面自己的画面元素的 ID。
需要注意的是,以上代码只是示例,具体实现方式可能会因为您的具体情况而有所不同。
form表单提交返回值是void 如何监听
实际上,在表单提交时,如果没有指定`action`属性或者指定的`action`属性为空字符串,那么表单提交后页面将会重新加载,因此并不会有返回值。
不过,我们可以监听表单的`submit`事件,在事件处理函数中执行我们需要的逻辑,例如发送 Ajax 请求、修改页面内容等。示例代码如下:
```javascript
const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 在这里执行表单提交后的处理逻辑,例如发送Ajax请求、修改页面内容等
});
```
在上面的代码中,我们首先使用`document.querySelector()`方法获取到页面中的表单元素,并将其赋值给`form`变量。然后,我们使用`addEventListener()`方法来添加一个`submit`事件的监听器。当表单提交时,这个监听器函数将被触发。在函数中,我们调用`event.preventDefault()`方法来阻止表单的默认提交行为,然后添加自己的表单处理逻辑。需要注意的是,如果没有阻止默认行为,表单将会重新加载页面,导致监听器函数无法执行。
在表单处理逻辑中,我们可以使用`XMLHttpRequest`或`fetch`等方式发送 Ajax 请求,或者修改页面内容来达到我们需要的效果。
阅读全文