多个主机名对每个URL都需要一个唯一的iframe

我不想在STAT中创建许多swat集来将每个唯一的iFrame迁移到多层环境中，我想创建一个javascript，根据主机名调用正确的iFrame，并将所有iFrame迁移到单个swat中的每个环境中。

<script type="text/javascript">
function selectiFrame() {
if (window.location.hostname == "padv.abc.com") { 
document.getElementById("padv").style.display="block";}
else {if (window.location.hostname == "paqa.abc.com") { 
document.getElementById("paqa").style.display="block";}
else {if (window.location.hostname == "pacp.abc.com") { 
document.getElementById("pacp").style.display="block";}
else {if (window.location.hostname == "papd.abc.com") { 
document.getElementById("papd").style.display="block";}
}
}
</script>
<body onLoad="selectiFrame();>
<iframe id="padv" src="padv.html" frameborder="0" height="1px" width="1px" scrolling="no">
<p>Your browser or device does not support iframes.</p>
</iframe>
<iframe id="paqa" src="paqa.html" frameborder="0" height="1px" width="1px" scrolling="no">
<p>Your browser or device does not support iframes.</p>
</iframe>
<iframe id="pacp" src="pacp.html" frameborder="0" height="1px" width="1px" scrolling="no">
<p>Your browser or device does not support iframes.</p>
</iframe>
<iframe id="papd" src="papd.html" frameborder="0" height="1px" width="1px" scrolling="no">
<p>Your browser or device does not support iframes.</p>
</iframe>

脚本:

var i = document.getElementById('pad');
switch(window.location.hostname) {
   case 'padv.abc.com':
       i.src = 'padv.html';
       break;
   case 'paqa.abc.com':
       i.src = 'paqa.html';
       break;
   etc...
}

HTML:

<iframe id="pad"></iframe>

您缺少一个或两个括号....

你应该这样做:

function selectiFrame() {
    if (window.location.hostname == "padv.abc.com") {
        document.getElementById("padv").style.display = "block";
    } else {
        if (window.location.hostname == "paqa.abc.com") {
            document.getElementById("paqa").style.display = "block";
        } else {
            if (window.location.hostname == "pacp.abc.com") {
                document.getElementById("pacp").style.display = "block";
            } else {
                if (window.location.hostname == "papd.abc.com") {
                    document.getElementById("papd").style.display = "block";
                }
            }
        }
    } // was missing
} // was missing

使用else if的更好方法:

function selectiFrame() {
    if (window.location.hostname == "padv.abc.com") {
        document.getElementById("padv").style.display = "block";
    } else if (window.location.hostname == "paqa.abc.com") {
        document.getElementById("paqa").style.display = "block";
    } else if (window.location.hostname == "pacp.abc.com") {
        document.getElementById("pacp").style.display = "block";
    } else if (window.location.hostname == "papd.abc.com") {
        document.getElementById("papd").style.display = "block";
    }
}

相关内容

最新更新

热门标签：