PHP:使用字符串作为Iframe的源代码

Question

我有一个自定义的Wordpress页面，有两个文本input框，一个用于"yourvarname"，另一个用于显示"key"，还有一个显示谷歌文档的iframe。

这两个文本框都是由从url中获得的变量填充的。这很好用。

我想做的事：让iframe在文本框yourvarname中按名称显示文档。

这就是我目前拥有的

<?php /* Template Name: CustomPageT1 */ ?>
<p><input id="yourvarname" type="text" value="" /> <input id="key" type="text" value="" />
<script type="text/javascript">// <![CDATA[
var url_string = window.location.href; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("yourvarname");
var d = url.searchParams.get("key");
document.getElementById("yourvarname").value = c;
document.getElementById("key").value = d;
// ]]></script>
</p>
<iframe src="https://docs.google.com/document/d/e/2PACX-1vTCJM2gUN4_aesXjEB7XtKWu0dB8anwWkjgolj1zRLU2aJieScUXF6WXzMbjYXs7g/pub?embedded=true"
width="110%"
height="500" 
class="myIframe">
<p>Hi SOF</p>
</iframe>
<script type="text/javascript" language="javascript"> 
$('.myIframe').css('height', $(window).height()+'px');
</script>"
<script type="text/javascript" language="javascript">
global $wp_query;
if (isset($wp_query->query_vars['yourvarname']))
{
print $wp_query->query_vars['yourvarname'];
}
</script>
enter code here

Answer 1

让我们从基本信息开始。在Javascript中，你可以得到这样的iframe：

document.getElementsByTagName("iframe")

既然你有一个iframe，你可以得到这样的：

document.getElementsByTagName("iframe")[0]

但是给这个标签一个id可能会帮你省去麻烦。让我们定义iframe的src

document.getElementsByTagName("iframe")[0].src = "somevalue";

好的，让我们在你的脚本中应用这个：

var url_string = window.location.href; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("yourvarname");
var d = url.searchParams.get("key");
document.getElementById("yourvarname").value = document.getElementsByTagName("iframe").src = c;
document.getElementById("key").value = d;

但是，如果您希望它在input更改时更改，则需要为它定义一个change事件。

Answer 2

所以这是我添加的内容，可能是错误的，因为我现在得到404错误，并且没有显示

<script type="text/javascript" language="javascript">
document.getElementsByTagName("iframe")[0].src = "yourvarname";
var url_string = window.location.href; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("yourvarname");
var d = url.searchParams.get("key");
document.getElementById("yourvarname").value = document.getElementsByTagName("iframe").src = c;
document.getElementById("key").value = d;
</script>