求助：点击链接在指定div打开网页并替换原有图片的实现方案

让我帮你梳理下问题所在，然后给出可行的实现方案：

你的原有代码的问题分析 #

1. 第一段代码：你尝试用$(''+aID).html()获取外部URL的内容，这是错误的——这个语法只能获取当前页面内选择器对应的元素内容，无法直接读取外部网页的HTML。而且你没有阻止<a>标签的默认跳转行为，点击后浏览器会直接打开目标URL。
2. 第二段代码：你用了iframe但没有正确设置它的src属性，而且隐藏包含iframe的#imagediv后，iframe也跟着被隐藏了，自然看不到加载的内容。

可行方案一：使用jQuery的load()方法加载外部内容 #

这个方法适合加载同域的网页内容（如果是跨域的话会有浏览器同源策略限制，此时建议用iframe方案）：

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
    // 给所有跳转链接绑定点击事件
    $('.sub_menu a').on('click', function(e){
        // 阻止a标签的默认跳转行为
        e.preventDefault();
        // 获取目标网页的URL
        var targetUrl = $(this).attr('href');
        // 获取container元素
        var $container = $('#container');
        // 隐藏container里的图片（或者直接替换内容）
        $container.find('img').hide();
        // 加载外部网页内容到container中
        $container.load(targetUrl, function(){
            // 加载完成后的回调（可选）
            console.log('内容加载完成');
        });
    });
});
</script>

<ul class="sub_menu">
    <li><a href="http://你的目标网页地址">Jump</a></li>
</ul>
<div id="container">
    <img src="images/Logo.jpg" />
</div>

可行方案二：使用iframe（适合跨域场景） #

如果目标网页是其他域名的，浏览器的同源策略会阻止load()方法，这时候用iframe是更稳妥的选择：

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
    $('.sub_menu a').on('click', function(e){
        e.preventDefault();
        var targetUrl = $(this).attr('href');
        var $container = $('#container');
        
        // 隐藏原有图片
        $container.find('img').hide();
        
        // 检查container里是否已有iframe，没有则创建
        var $iframe = $container.find('iframe');
        if($iframe.length === 0){
            $iframe = $('<iframe>', {
                'border': 'none',
                'width': '100%',
                'height': '600px' // 可以根据需求设置高度
            }).appendTo($container);
        }
        // 设置iframe的src为目标URL
        $iframe.attr('src', targetUrl);
    });
});
</script>

<ul class="sub_menu">
    <li><a href="http://你的目标网页地址">Jump</a></li>
</ul>
<div id="container">
    <img src="images/Logo.jpg" />
</div>

关键注意点 #

• 同源策略限制：如果目标网页和你的当前页面不在同一个域名下，load()方法会失效，此时必须用iframe方案。
• 阻止默认行为：一定要用e.preventDefault()阻止<a>标签的默认跳转，否则浏览器会直接打开目标URL，而不是在container里加载。
• 样式调整：可以根据需求设置iframe的宽高、container的样式，确保加载的内容显示正常。

内容的提问来源于stack exchange，提问作者Antonio Mailtraq