在 WordPress 中使用 javascript 的 iframe 动态 url答案

【问题标题】：dynamic url with iframe using javascript in WordPress在 WordPress 中使用 javascript 的 iframe 动态 url
【发布时间】：2019-03-16 21:37:22
【问题描述】：

以下 html 中的脚本按预期工作。它通过获取今天的日期信息并修改 iframe src 来加载页面的最新版本。

但是，当我将脚本放入 WordPress 代码模块中的某个页面部分时，它会接管整个页面。我怀疑问题出在document.body.innerHTML 的使用上，但我不知道正确的javascript 代码是什么。

    <html>
    <head>
    <title>Title</title>
    </head>
    <body>
    <script type="text/javascript">
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
var h = h > 12 ? h - 12 + 'PM' : h + 'AM';
if (dd < 10) {
    dd = '0' + dd;
}
if (mm < 10) {
    mm = '0' + mm;
}
var today = mm + '%2f' + dd + '%2f' + yyyy;
document.body.innerHTML += ' <iframe src="https://www.colorado.gov/airquality/site.aspx?aqsid=080770020&seeddate= ' + today + '" width = "100%" height ="600"> </iframe> ';
</script>

    </body>
    </html>

【问题讨论】：

做document.body.innerHTML +=
这样就解决了iframe接管整个页面的问题。但现在 iframe 的内容不见了。这可以在https://www.citizensforcleanair.org 看到。 iframe 应该在右下角显示 url。
改为<iframe src="https://www.colorado.gov/airquality/site.aspx?aqsid=080770020&seeddate= '+today+'" width = "100%" height ="600"> </iframe>。
这有帮助，但我仍然没有看到页面右下角的 url。见citizenforcleanair.org。 javascript 控制台报语法错误 Unexpected token
这样做然后document.getElementsByClassName('et_pb_code_inner')[1].innerHTML += ' <iframe src="https://www.colorado.gov/airquality/site.aspx?aqsid=080770020&seeddate= ' + today + '" width = "100%" height ="600"> </iframe> ';

标签： javascript wordpress iframe dynamic

【解决方案1】：

document.getElementsByClassName('et_pb_code_inner')[1].innerHTML += ' <iframe src="https://www.colorado.gov/airquality/site.aspx?aqsid=080770020&seeddate= ' + today + '" width = "100%" height ="600"> </iframe> ';

【讨论】：