代码之家 › 专栏 › 技术社区 › Martyn

将textbox变量传递给URL,然后在iframe中打开

iframe url variables javascript

Martyn · 技术社区 · 7 年前

下面是我用来将变量传递到URL的脚本。当我单击搜索按钮时,它会重定向到包含文本框中变量的URL,但我需要做的是在搜索框下方打开的iframe中打开页面,以便我可以在框仍然可见的情况下再次搜索。
如有任何帮助,我们将不胜感激。
非常感谢,
马汀。

P、我已经从URL中删除了电子表格代码。

<!DOCTYPE html>
<html>
<body>
Search by word (case sensitive):<br>
<input type="text" id="urlInput" value="">
<input type="hidden" id="urlInput2" value="%22">


<button onclick="redirect()">Search</button>

<script>
function redirect() {
var url = "https://docs.google.com/spreadsheets/d/XXXXXXXXXXXXXXXXXX/gviz/tq?tqx=out:html&tq=SELECT%20*%20where%20B%20contains%20%22" + document.getElementById('urlInput').value + document.getElementById('urlInput2').value;
window.location=url;
}
</script>

</body>
</html>

1 回复 | 直到 7 年前

xianshenglu 7 年前

你想要这个吗?

function redirect() {
  var url = "https://docs.google.com/spreadsheets/d/XXXXXXXXXXXXXXXXXX/gviz/tq?tqx=out:html&tq=SELECT%20*%20where%20B%20contains%20%22" + document.getElementById('urlInput').value + document.getElementById('urlInput2').value;
  document.getElementById('iframe').src = url;
}

#iframe {
  width: 100%;
  height: 80%;
}

Search by word (case sensitive):<br>
<input type="text" id="urlInput" value="">
<input type="hidden" id="urlInput2" value="%22">


<button onclick="redirect()">Search</button>
<iframe src="https://cn.bing.com/?scope=web" id="iframe"></iframe>

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

6 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

6 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

6 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

6 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

6 年前