替换iframe的内容

时间:2024-03-04 08:52:42

一般就是点个按钮然后在不跳转页面的情况下显示另外一个页面的内容,显示的速度比较快,ifream还算是常用的吧

用的时候实现方式有以下几种,

1.替换src路径(觉得麻烦,没接触过,就不这样干了)

2.移除原来的ifream元素,新追加一个ifream元素

 

 $(function() {
            $("#bt").click(function () {
                $("#f").remove();//移除默认的框架集
                var i = "<iframe id=\'f\' class=\'embed-responsive-item\'     src=\'HtmlPage2.html\'></iframe>";
                $("#d").append(i);//点击按钮并移除原来的集合后追加新的框架集
            });
        });

这样就做到了类似于页面跳转的功能了!