在WordPress中使用javascript使用iframe动态网址

时间:2018-10-11 17:53:14

标签: javascript wordpress iframe dynamic

以下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>

1 个答案:

答案 0 :(得分:1)

param['javax.faces.source'] eq add.clientId