去除iframe

K-walker · Sep 12, 2017 · ee51a77 · ee51a77
1 parent ef4c20c
commit ee51a77
Show file tree

Hide file tree

Showing 7 changed files with 136 additions and 73 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+# 忽略 .idea 文件夹
+/.idea/
+
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/css/frame.css b/css/frame.css
@@ -41,7 +41,7 @@
     transition:width .5s , top .5s , left .5s;
 }
 
-.container iframe {
+.container .mypage {
     width: 100%;
     height: 100%;
 }

diff --git a/frame.html b/frame.html
@@ -33,6 +33,7 @@
         </div>
     </div>
 <script src="js/jquery-1.8.1.min.js"></script>
+<script src="js/DIVembed.js"></script>
 <script src="js/underscore.js"></script>
 <script src="js/mousewheel.js"></script>
 <script src="js/frame.js"></script>

diff --git a/home.html b/home.html
@@ -6,5 +6,11 @@
 </head>
 <body>
     <h1>首页</h1>
+<script src="./js/jquery-1.8.1.min.js"></script>
+<script>
+    $(document).ready(function () {
+        $('h1').css("color",'red');
+    })
+</script>
 </body>
 </html>
diff --git a/js/DIVembed.js b/js/DIVembed.js
@@ -0,0 +1,21 @@
+/**
+ * Created by 004928 on 2017/7/10.
+ */
+/**
+ * 加载Html
+ * @param containerId 容器id
+ * @param filePath 文件路径
+ * @param cb 加载完成后的回调 文件路径
+ */
+function loadPage (containerId , filePath , cb) {
+    if(typeof window.$ === 'undefined' || window.$ == null) throw "请先引入jq";
+    $.ajax({
+        url: filePath ,
+        type:'GET',
+        dataType:'html',
+        success:function (data) {
+            $(containerId).html(data);
+            if(cb) {cb();}
+        }
+    })
+}
diff --git a/js/frame.js b/js/frame.js
@@ -266,13 +266,16 @@
      * @param path
      */
     function createTabPage (id , path) {
-        var page = $("<iframe class='myframe' id='iframe"+id+"' name='iframe' border='0' frameborder='0' src='"+path+"'></iframe>");
+        //var page = $("<iframe class='mypage' id='iframe"+id+"' name='iframe' border='0' frameborder='0' src='"+path+"'></iframe>");
+        var page = $("<div class='mypage' id='page"+id+"' ></div>");
         if(currPage != null) {
             currPage.addClass('hide');
         }
         $(".container").append(page);
         page.removeClass('hide');
         currPage = page ;
+        // 加载目标网页
+        window.loadPage(page[0] , path);
     }
 
     /**
@@ -295,7 +298,7 @@
      */
     function switchPage (id) {
         currPage.addClass('hide');
-        currPage = $("#iframe"+id).removeClass('hide');
+        currPage = $("#page"+id).removeClass('hide');
     }
 
     /**
@@ -305,7 +308,7 @@
      */
     function closePage (id , tab) {
         $(tab).closest(".tab").remove();
-        $("#iframe"+id).remove();
+        $("#page"+id).remove();
     }
 
     /**