为什么 Internet URL 在 iframe 标记中不起作用？答案

【问题标题】：Why is an Internet URL not working in an iframe tag?为什么 Internet URL 在 iframe 标记中不起作用？
【发布时间】：2016-03-30 13:11:35
【问题描述】：

我的代码适用于本地 URL，但不适用于 Internet URL：

<div style="margin-top: 8px; display: Block">
    <input type="text" class="form-control input-sm" id="Txtlink" placeholder="Enter or Paste a Link" style="width: 84%; float: left;"><a style="border-radius: 5px; float: right" class="btn btn-primary" onclick="isValidURL()" type="button">Add</a>
    <iframe id="urliframe" src="" width="404" height="250" scrolling="no" style="display:none;">
        <p>Your browser does not support iframes.</p>
    </iframe>
</div>

jQuery:

function isValidURL() {
    var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
    var url = document.getElementById("Txtlink").value

    if (RegExp.test(url)) {
        $(document).ready(function () {
            $("#urliframe").show();
            var loc = url;
            alert(loc);
            document.getElementById('urliframe').setAttribute('src', loc);
        });     
    }
    else {
        alert("Error");
    }
}

【问题讨论】：

定义“不工作”。这段代码有什么作用？当您调试它时，它在哪里/如何具体失败？此外，将您的代码格式化为人类可读的格式将有助于其他人阅读它。

标签： iframe

【解决方案1】：

如果是第 3 方网站，他们可能会使用 X-FRAME-OPTIONS 标头拒绝访问。

https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

如果是您的网站，您可能需要设置正确的标题以允许页面在框架内可见。

【讨论】：