首先，链接中不需要#，只需调用e.preventDefault();来停止链接的执行。
出于安全原因，你不能打开每个链接，例如谷歌。
你也可以不使用切换，因为你总是要点击它两次，如果一个框架是开放的。
这里有一个**working fiddle**
HTML

<div class="links">
    <a class="openpop" href="http://getbootstrap.com/">Link 1</a>
    <a class="openpop" href="http://www.jsfiddle.net">Link 2</a>
    <a class="openpop" href="http://www.w3schools.com">Link 3</a>
</div>
<div class="wrapper">
    <div class="popup">
        <iframe src="">
            <p>Your browser does not support iframes.</p>
        </iframe>
<a href="#" class="close">X</a>
    </div>
</div>

字符串
jQuery

$(document).ready(function () {
    $(".popup").hide();
    $(".openpop").click(function (e) {
        e.preventDefault();
        $("iframe").attr("src", $(this).attr('href'));
        $(".links").fadeOut('slow');
        $(".popup").fadeIn('slow');
    });

    $(".close").click(function () {
        $(this).parent().fadeOut("slow");
        $(".links").fadeIn("slow");
    });
});

型
当然，为了更好的视图体验，你必须在样式上做一些改变：）

还可以使用此

$('#clickme').click( function(){
    $('#showDiv').show();
    $('#iframe').attr('src','your url');
});

字符串

$(document).ready(function() {
    $(".openpop").click(function() {
        var x = $(this).attr('href');
        var y = x.replace('#', '');
        $(".popup").show().html('<iframe src="'+y+'"></iframe>');
        $("iframe").attr("href", y);
    });

    $(".close").click(function(){
        $(this).parent().fadeOut("slow");
    }); 
});

字符串
你不能打开谷歌和雅虎在iframe这两个网站不允许它请参阅此链接Why Iframe dosen't work for yahoo.com
但是你可以用这个代码打开w3school