父页面调用子页面的js方法：
在Web开发中，经常需要父页面与子页面之间进行交互，实现数据的传递和方法的调用，而父页面调用子页面的JS方法，则是实现这种交互的一种常见方式，下面,我们就来详细探讨一下父页面调用子页面JS方法的几种常见实现方式。
通过DOM操作
1 使用子页面中元素的ID或类名
父页面可以通过DOM操作获取到子页面中的元素，然后调用该元素对应的JS方法,具体实现如下：
（1）在子页面中定义一个JS方法：
function childMethod() {
// 子页面中的方法实现
}
（2）在子页面中定义一个元素,并为其添加ID或类名：
<div id="childElement">子页面元素</div>
（3）在父页面中通过DOM操作调用子页面中的JS方法：
// 获取子页面中的元素
var childElement = document.getElementById('childElement');
// 调用子页面中的JS方法
childElement.childMethod();
2 使用事件委托
如果子页面中有多个元素需要调用相同的JS方法，可以使用事件委托的方式，在父页面中绑定一个事件监听器，当子页面中的元素触发事件时，事件会冒泡到父页面,父页面再根据事件的目标元素调用相应的JS方法。
（1）在子页面中定义一个JS方法：
function childMethod() {
// 子页面中的方法实现
}
（2）在子页面中定义多个元素,并为其添加事件监听器：
<div id="childElement1">子页面元素1</div> <div id="childElement2">子页面元素2</div> <div id="childElement3">子页面元素3</div>
// 绑定事件监听器
document.getElementById('childElement1').addEventListener('click', childMethod);
document.getElementById('childElement2').addEventListener('click', childMethod);
document.getElementById('childElement3').addEventListener('click', childMethod);
（3）在父页面中绑定一个事件监听器,根据事件的目标元素调用相应的JS方法：
// 绑定事件监听器
document.addEventListener('click', function(event) {
if (event.target.id === 'childElement1' || event.target.id === 'childElement2' || event.target.id === 'childElement3') {
childMethod();
}
});
通过JavaScript的window对象
父页面可以通过JavaScript的window对象调用子页面中的JS方法,具体实现如下：
（1）在子页面中定义一个JS方法，并使用window对象将其暴露给父页面：
function childMethod() {
// 子页面中的方法实现
}
// 将子页面中的方法暴露给父页面
window.childMethod = childMethod;
（2）在父页面中调用子页面中的JS方法：
// 调用子页面中的JS方法 window.childMethod();
父页面调用子页面的JS方法，可以通过DOM操作、事件委托和window对象等多种方式实现，在实际开发中，应根据具体需求选择合适的方法,以下是一些常见问题及解答：
FAQs：
Q1：父页面调用子页面的JS方法,需要引入额外的库或框架吗？
A1：不需要，父页面调用子页面的JS方法，主要依赖于浏览器提供的DOM操作和事件监听等API,无需引入额外的库或框架。
Q2：子页面中的JS方法被父页面调用后,子页面中的方法参数如何传递？
A2：子页面中的JS方法被父页面调用时，可以通过调用方法的参数传递,在父页面中调用子页面中的方法：
window.childMethod('参数1', '参数2');
在子页面中的childMethod方法中，可以通过arguments对象或形参获取传递的参数。
