为什么互联网网址无法在iframe代码中使用?

时间:2016-03-30 13:11:36

标签: iframe

我的代码适用于本地网址,但不适用于互联网网址:

<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");
    }
}

1 个答案:

答案 0 :(得分:0)

如果是第三方网站,则可能会使用X-FRAME-OPTIONS标头拒绝访问。

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

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