如何通过URL GET参数修改iframe的src并触发Go按钮功能？

没问题，我来帮你实现这个需求。你需要在页面加载时自动解析URL中的GET参数，把参数值填入输入框并触发iframe的src更新，下面是具体的实现步骤和修改后的代码：

实现思路 #

• 先写一个解析URL GET参数的辅助函数，用来提取URL里的txtUrl和press参数
• 在页面DOM加载完成后，检查是否存在有效的参数：如果txtUrl不为空且press参数等于Go，就把参数值填入输入框，再调用setBrowserFrameSource()函数（模拟手动点击「Go」按钮的操作）

修改后的完整代码 #

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
// 辅助函数：解析URL中的指定GET参数
function getQueryParam(paramName) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(paramName);
}

function setBrowserFrameSource(){
    var browserFrame = document.getElementById("browser");
    var urlInput = document.getElementById("txtUrl");
    // 确保输入的URL不为空再更新
    if(urlInput.value.trim()){
        browserFrame.src= urlInput.value;
    }
}

// 页面DOM加载完成后自动处理URL参数
window.addEventListener('DOMContentLoaded', function() {
    const targetUrl = getQueryParam('txtUrl');
    const pressAction = getQueryParam('press');
    
    // 匹配需求中的参数规则：存在txtUrl且press参数为Go
    if(targetUrl && pressAction === 'Go'){
        const urlInput = document.getElementById("txtUrl");
        urlInput.value = targetUrl;
        // 触发Go按钮的功能
        setBrowserFrameSource();
    }
});
</script>
</head>
<body>
<!-- 修正原代码中错误的visibility属性写法，用style控制隐藏 -->
<div style="display:none;">
    <form method="post" target="browser">
        <input id="txtUrl" style="width:82%;" placeholder="Put the website here" name="url" type="text" />
        <input style="width:8%;" type="button" value="Go" onclick="setBrowserFrameSource(); return false;"/>
    </form>
</div>
<iframe id="browser" name="browser" src="http://google.com" style="height:100%; width:100%"></iframe>
</body>
</html>

关键部分解释 #

• getQueryParam函数：使用原生的URLSearchParamsAPI解析参数，这是现代浏览器支持的简洁可靠方法，比手动拆分URL字符串更不容易出错
• 页面加载监听：用DOMContentLoaded事件确保所有DOM元素都加载完成后再操作，避免出现找不到输入框或iframe的报错
• 参数判断逻辑：严格匹配你需求中的URL规则，只有当txtUrl存在且press等于Go时才执行更新，避免误触发
• 模拟手动操作：把参数值填入输入框后调用setBrowserFrameSource()，完全和手动点击「Go」按钮的效果一致，输入框也会同步显示目标URL

这样修改后，当你访问http://simplesite.com/videoiframe.html?txtUrl=https://www.simplesite.com&press=Go时，页面会自动把iframe的src设置为https://www.simplesite.com，完美实现你的需求。

内容的提问来源于stack exchange，提问作者Isaac Simiyu