外部页面出现在锚点div中

Question

所以，我有这个HTML：

    <a href="external.html">External Link to appear inside the anchor div</a>

    <div name="anchor">


    </div>

如何进入外部链接以显示锚点div？

谢谢。

Answer 1

修改

如果请求的来源不允许您，则无法在div中获取页面内容。您将收到此错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

重要：

如果您是远程资源所有者，则可以授予以下权限;

1. 在apache上启用标头模块
2. 配置apache主机conf：标头集 Access-Control-Allow-Origin“your_client_url”
3. 重新加载apache

您可以参考here了解更多详情。

我的情景就像下面的测试一样。您可以看到，由于域协议不同，您无法使用ajax获取远程内容

您可以使用iframe代替远程页面加载。

<强> HTML：

<a href="http://www.themesearch.org" onclick="javascript:;">External Link to appear inside the anchor div</a>

<div name="anchor">


</div>

<强> JS：

$('a[href="http://www.themesearch.org"]').on('click', function() {
    $( 'div[name="anchor"]' ).load( $('a[href="http://www.themesearch.org"]').attr("href"), function() {
        alert( "Your external page loaded" );
    });
});

以下是一个工作示例：http://jsfiddle.net/BeBgc/5/