diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..aed1d9b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+# 忽略 .idea 文件夹
+/.idea/
+
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ba38ca0..4ab511c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -23,21 +23,11 @@
   </component>
   <component name="FileEditorManager">
     <leaf>
-      <file leaf-file-name="frame.html" pinned="false" current="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/frame.html">
-          <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="-5.090909" vertical-offset="0" max-vertical-offset="1260">
-              <caret line="6" column="64" selection-start-line="6" selection-start-column="64" selection-end-line="6" selection-end-column="64" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="frame.js" pinned="false" current="false" current-in-tab="false">
+      <file leaf-file-name="frame.js" pinned="false" current="true" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/js/frame.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.0" vertical-offset="2770" max-vertical-offset="10668">
-              <caret line="202" column="28" selection-start-line="202" selection-start-column="28" selection-end-line="202" selection-end-column="28" />
+            <state vertical-scroll-proportion="0.25706595" vertical-offset="4653" max-vertical-offset="10752">
+              <caret line="265" column="18" selection-start-line="265" selection-start-column="18" selection-end-line="265" selection-end-column="18" />
               <folding>
                 <element signature="e#85#248#0" expanded="false" />
                 <element signature="e#258#1307#0" expanded="false" />
@@ -46,27 +36,17 @@
                 <element signature="e#2291#2540#0" expanded="false" />
                 <element signature="e#2550#3037#0" expanded="false" />
                 <element signature="e#3047#3791#0" expanded="false" />
-                <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
+                <marker date="1505217267359" expanded="true" signature="6588:6602" placeholder="..." />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="frame.css" pinned="false" current="true" current-in-tab="true">
+      <file leaf-file-name="frame.css" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css/frame.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.28398386" vertical-offset="7097" max-vertical-offset="8904">
-              <caret line="261" column="0" selection-start-line="261" selection-start-column="0" selection-end-line="261" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="home.html" pinned="false" current="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/home.html">
-          <provider selected="true" editor-type-id="text-editor">
-            <state vertical-scroll-proportion="0.0" vertical-offset="84" max-vertical-offset="420">
-              <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+            <state vertical-scroll-proportion="0.0" vertical-offset="918" max-vertical-offset="8904">
+              <caret line="37" column="12" selection-start-line="37" selection-start-column="12" selection-end-line="37" selection-end-column="12" />
               <folding />
             </state>
           </provider>
@@ -85,9 +65,11 @@
   <component name="IdeDocumentHistory">
     <option name="changedFiles">
       <list>
-        <option value="$PROJECT_DIR$/js/frame.js" />
+        <option value="$PROJECT_DIR$/js/DIVembed.js" />
         <option value="$PROJECT_DIR$/frame.html" />
+        <option value="$PROJECT_DIR$/home.html" />
         <option value="$PROJECT_DIR$/css/frame.css" />
+        <option value="$PROJECT_DIR$/js/frame.js" />
       </list>
     </option>
   </component>
@@ -188,14 +170,6 @@
     </key>
   </component>
   <component name="RunManager">
-    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
-      <option name="VMOptions" />
-      <option name="arguments" />
-      <option name="filePath" />
-      <option name="scope" value="ALL" />
-      <option name="testName" />
-      <method />
-    </configuration>
     <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
       <option name="VMOptions" />
       <option name="arguments" />
@@ -206,14 +180,12 @@
       <option name="showConsoleOnStdOut" value="false" />
       <method />
     </configuration>
-    <configuration default="true" type="CucumberJavaScriptRunConfigurationType" factoryName="Cucumber.js">
-      <option name="cucumberJsArguments" />
-      <option name="executablePath" />
+    <configuration default="true" type="DartUnitRunConfigurationType" factoryName="DartUnit">
+      <option name="VMOptions" />
+      <option name="arguments" />
       <option name="filePath" />
-      <method />
-    </configuration>
-    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
-      <envs />
+      <option name="scope" value="ALL" />
+      <option name="testName" />
       <method />
     </configuration>
     <configuration default="true" type="JSTestDriver:ConfigurationType" factoryName="JsTestDriver">
@@ -223,6 +195,16 @@
       <setting name="preferredDebugBrowser" value="Chrome" />
       <method />
     </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma" config-file="">
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="CucumberJavaScriptRunConfigurationType" factoryName="Cucumber.js">
+      <option name="cucumberJsArguments" />
+      <option name="executablePath" />
+      <option name="filePath" />
+      <method />
+    </configuration>
     <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
       <method />
     </configuration>
@@ -241,7 +223,7 @@
     <servers />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1554" height="916" extended-state="6" />
+    <frame x="-8" y="-8" width="1554" height="916" extended-state="7" />
     <editor active="true" />
     <layout>
       <window_info id="Changes" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
@@ -283,6 +265,47 @@
     <breakpoint-manager />
   </component>
   <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/frame.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="1260">
+          <caret line="6" column="64" selection-start-line="6" selection-start-column="64" selection-end-line="6" selection-end-column="64" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/frame.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="2098" max-vertical-offset="10668">
+          <caret line="171" column="30" selection-start-line="171" selection-start-column="30" selection-end-line="171" selection-end-column="30" />
+          <folding>
+            <element signature="e#85#248#0" expanded="false" />
+            <element signature="e#258#1307#0" expanded="false" />
+            <element signature="e#1317#1795#0" expanded="false" />
+            <element signature="e#1805#2281#0" expanded="false" />
+            <element signature="e#2291#2540#0" expanded="false" />
+            <element signature="e#2550#3037#0" expanded="false" />
+            <element signature="e#3047#3791#0" expanded="false" />
+            <marker date="1505217267359" expanded="true" signature="6588:6602" placeholder="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/frame.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="7097" max-vertical-offset="8904">
+          <caret line="257" column="19" selection-start-line="257" selection-start-column="19" selection-end-line="257" selection-end-column="19" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/home.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="84" max-vertical-offset="420">
+          <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/frame.html">
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.0" vertical-offset="420" max-vertical-offset="1176">
@@ -303,7 +326,7 @@
             <element signature="e#2291#2540#0" expanded="false" />
             <element signature="e#2550#3037#0" expanded="false" />
             <element signature="e#3047#3791#0" expanded="false" />
-            <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
+            <marker date="1505217267359" expanded="true" signature="6588:6602" placeholder="..." />
           </folding>
         </state>
       </provider>
@@ -320,30 +343,52 @@
       <provider selected="true" editor-type-id="text-editor">
         <state vertical-scroll-proportion="0.82234186" vertical-offset="18093" max-vertical-offset="45640">
           <caret line="671" column="26" selection-start-line="671" selection-start-column="26" selection-end-line="671" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="308">
+          <caret line="2" column="0" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/frame.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="-6.242424" vertical-offset="550" max-vertical-offset="1288">
+          <caret line="27" column="18" selection-start-line="27" selection-start-column="18" selection-end-line="27" selection-end-column="18" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/DIVembed.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="672">
+          <caret line="9" column="9" selection-start-line="9" selection-start-column="9" selection-end-line="9" selection-end-column="9" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/home.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0" vertical-offset="84" max-vertical-offset="420">
-          <caret line="3" column="26" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
+        <state vertical-scroll-proportion="-4.242424" vertical-offset="0" max-vertical-offset="588">
+          <caret line="5" column="7" selection-start-line="5" selection-start-column="7" selection-end-line="5" selection-end-column="7" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/README.md">
+    <entry file="file://$PROJECT_DIR$/css/frame.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="308">
-          <caret line="2" column="0" selection-start-line="2" selection-start-column="0" selection-end-line="2" selection-end-column="0" />
+        <state vertical-scroll-proportion="0.0" vertical-offset="918" max-vertical-offset="8904">
+          <caret line="37" column="12" selection-start-line="37" selection-start-column="12" selection-end-line="37" selection-end-column="12" />
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/js/frame.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.0" vertical-offset="2770" max-vertical-offset="10668">
-          <caret line="202" column="28" selection-start-line="202" selection-start-column="28" selection-end-line="202" selection-end-column="28" />
+        <state vertical-scroll-proportion="0.25706595" vertical-offset="4653" max-vertical-offset="10752">
+          <caret line="265" column="18" selection-start-line="265" selection-start-column="18" selection-end-line="265" selection-end-column="18" />
           <folding>
             <element signature="e#85#248#0" expanded="false" />
             <element signature="e#258#1307#0" expanded="false" />
@@ -352,27 +397,11 @@
             <element signature="e#2291#2540#0" expanded="false" />
             <element signature="e#2550#3037#0" expanded="false" />
             <element signature="e#3047#3791#0" expanded="false" />
-            <marker date="1505206125462" expanded="true" signature="6588:6602" placeholder="..." />
+            <marker date="1505217267359" expanded="true" signature="6588:6602" placeholder="..." />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/frame.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="-5.090909" vertical-offset="0" max-vertical-offset="1260">
-          <caret line="6" column="64" selection-start-line="6" selection-start-column="64" selection-end-line="6" selection-end-column="64" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/frame.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state vertical-scroll-proportion="0.28398386" vertical-offset="7097" max-vertical-offset="8904">
-          <caret line="261" column="0" selection-start-line="261" selection-start-column="0" selection-end-line="261" selection-end-column="0" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
   </component>
 </project>
 
diff --git a/css/frame.css b/css/frame.css
index baa61cb..50d22be 100644
--- 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
index e83d432..1ca969a 100644
--- 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
index b9581f5..397ac81 100644
--- 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>
\ No newline at end of file
diff --git a/js/DIVembed.js b/js/DIVembed.js
new file mode 100644
index 0000000..0952c97
--- /dev/null
+++ 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();}
+        }
+    })
+}
\ No newline at end of file
diff --git a/js/frame.js b/js/frame.js
index db0ac4b..4c063d2 100644
--- 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();
     }
 
     /**