要实现按钮在发送时刷新页面,并在重新加载时同时使用同一按钮让iframe滚动到框架底部,可以通过以下步骤来实现:
<button id="refreshButton">发送并刷新</button>
<iframe id="myFrame" src="your_page_url"></iframe>
// 获取按钮和iframe元素
var refreshButton = document.getElementById("refreshButton");
var myFrame = document.getElementById("myFrame");
// 绑定按钮点击事件
refreshButton.addEventListener("click", function() {
// 发送请求
// ...
// 刷新页面
location.reload();
});
// 监听iframe的加载完成事件
myFrame.addEventListener("load", function() {
// 滚动到底部
myFrame.contentWindow.scrollTo(0, myFrame.contentDocument.body.scrollHeight);
});
在上述代码中,首先获取按钮和iframe元素,然后通过addEventListener方法为按钮绑定点击事件。在点击事件中,可以发送请求并执行其他操作,然后使用location.reload()方法刷新页面。
同时,通过监听iframe的加载完成事件,当iframe加载完成后,使用myFrame.contentWindow.scrollTo()方法将iframe滚动到底部。其中,myFrame.contentWindow表示iframe的窗口对象,myFrame.contentDocument表示iframe的文档对象。
这样,当点击按钮时,会发送请求并刷新页面,同时在重新加载页面后,iframe会滚动到底部。
请注意,以上代码中的"your_page_url"需要替换为实际的页面URL。另外,具体的发送请求和滚动到底部的实现需要根据具体的业务需求进行编写。
领取专属 10元无门槛券
手把手带您无忧上云