尝试根据当前iframe网址显示iframe

时间:2018-12-03 18:47:45

标签: javascript html css iframe

我正在编写一个小脚本,如果iframe网址与404网址匹配,则将iframe的Display属性设置为none。例如,如果存在与名称匹配的.html文件,则iframe会显示一个注释框。如果没有用于该链接的文件,则它将重定向到网站404页面,我不希望其显示。

示例:iframe src = ~~~ ItemTitle ~~~ .html,如果不存在该名称的文件,请重定向至404页面,<-在这种情况下,不显示iframe。

在这里使用我的Javascript:

// Comment Display Switch
if (document.getElementById("comment-frame").contentWindow.location.href == 'http://www.nemico.co/404') document.getElementById("comment-frame").style.display == "none"; 

在这里标记我:

<div align="center" id="commentbox" class="commentbox">
<iframe id="comment-frame" scrolling="no" style="overflow: auto; width: 100%; border:thick; border-color:#292F33; border-radius:5px; word-wrap: break-word;" src="~~~ItemTitle~~~.html"></iframe>
</div>

并且脚本是通过Body onload()触发的:

<BODY onload="dynamicFormat()">

我在哪里错了?它仍然显示带有404页面的iframe。任何帮助将不胜感激。我仍然是礼节上的新手,所以我对任何错误表示歉意。

这里是完整的dynamicFormat脚本,我上面包含的内容仅是注释框的一部分。

<script>
function dynamicFormat() {
 var allImg = document.querySelectorAll('img')
  allImg.forEach(function(img) {
    const widthStr = img.style.width;
    const widthNum = Number(widthStr.slice(0, widthStr.length - 2));
    if (widthNum >= 35) img.style.width = '35px';
    // Comment Display Switch
    if (document.getElementById("comment-frame").contentWindow.location.href == 'http://www.nemico.co/404') document.getElementById("commentbox").style.display == "none"; 
  });
} 
</script>

0 个答案:

没有答案