Wie rufe ich css und js URLs aus dem lokalen Speicher auf einer Web-Ansicht Seite

ich eine Webseite namens webview.html habe,Wie rufe ich css und js URLs aus dem lokalen Speicher auf einer Web-Ansicht Seite

Wenn ich auf dieser Seite kommen, ich will es seine Struktur aus dem lokalen Speicher laden

das ist, was im lokalen Speicher gespeichert wird -

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 

 
    
 

 
    {{META}} 
 

 
    
 
    <link rel="stylesheet" href="sources/template/css/bootstrap.min.css" type="text/css"> 
 

 
\t 
 
    <link rel="stylesheet" href="sources/template/css/common.css" type="text/css"> 
 

 

 
</head> 
 

 
<body id="page-top"> 
 

 
    <div id="main-wrapper"> 
 
    
 
     {{CONTENT}} 
 

 
\t </div> 
 
\t 
 
\t 
 
\t  <!-- jQuery --> 
 
    <script src="sources/template/js/jquery.js"></script> 
 

 
    <!-- Bootstrap Core JavaScript --> 
 
    <script src="sources/template/js/bootstrap.min.js"></script> 
 

 
    <!-- Plugin JavaScript --> 
 
    <script src="sources/template/js/jquery.easing.min.js"></script> 
 
    <script src="sources/template/js/jquery.fittext.js"></script> 
 
    <script src="sources/template/js/wow.min.js"></script> 
 
<script src="sources/template/js/popupimage.js"></script> 
 
    <!-- Custom Theme JavaScript --> 
 
    <script src="sources/template/js/creative.js"></script> 
 
<script src="sources/template/js/light-slider.js"></script> 
 
<script src="sources/template/js/count.js"></script> 
 
<script src="sources/template/js/menu.js"></script> 
 
<script src="sources/template/js/vertical_list.js"></script> 
 
<script src="sources/template/js/sticky.js"></script> 
 
<script src="http://www.jqueryscript.net/demo/jQuery-Plugin-For-One-Page-Navigation-Plugin-Page-Scroll-To-ID/jquery.malihu.PageScroll2id.js"></script> 
 
<script> 
 
\t (function($){ 
 
\t \t $(window).load(function(){ 
 
\t \t \t $(".nav a").mPageScroll2id(); 
 
               $("#lightSlider").lightSlider(); 
 
\t \t \t callCounter(); 
 
\t \t \t callvertical_list(); 
 
\t \t \t $(".menu2").sticky({ topSpacing: 0 }); 
 
\t \t }); 
 
\t })(jQuery); 
 
</script> 
 
</body> 
 

 
</html>

Sobald diese Struktur dann will ich es geladen wird um den HTML-Code zu laden, der auch im lokalen Speicher gespeichert wird. Ich will, dass es den Code lädt, wo geschrieben wird. Bitte helfen

Quelle

2017-05-18 user2828442

Was ist der localstorage Variable, in der der obige Code gespeichert ist? und wie heißt die Speichervariable, deren Inhalt in den Platzhalter '{{CONTENT}}' geladen werden muss? –

'section232' ist der Name des Schlüssels, der den Inhalt speichert und' ttype' speichert die HTML-Struktur, ich habe noch nicht codiert, weil ich nicht weiß, wie zu verarbeiten ist, so dass es momentan keine Variable gibt. – user2828442

Dies ist der JSON für Ihre Referenz - https://www.dropbox.com/s/ghfhtvz19423rqt/Screenshot%202017-05-18%2017.01.17.png?dl=0 und für den Abschnitt in HTML in geladen werden Ort des Platzhalters - https://www.dropbox.com/s/ub481e2c1sse290/Screenshot%202017-05-18%2017.05.09.png?dl=0, seine Beschreibung – user2828442

Stellen Sie diese in Ihrem section232 local Variable:

"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n <head>\r\n\r\n\r\n\r\n {{META}}\r\n\r\n\r\n <link rel=\"stylesheet\" href=\"sources/template/css/bootstrap.min.css\" type=\"text/css\">\r\n\r\n\r\n <link rel=\"stylesheet\" href=\"sources/template/css/common.css\" type=\"text/css\">\r\n\r\n\r\n </head>\r\n\r\n <body id=\"page-top\">\r\n\r\n <div id=\"main-wrapper\">\r\n\r\n  {{CONTENT}}\r\n\r\n </div>\r\n\r\n\r\n <!-- jQuery -->\r\n <script src=\"sources/template/js/jquery.js\"></script>\r\n\r\n <!-- Bootstrap Core JavaScript -->\r\n <script src=\"sources/template/js/bootstrap.min.js\"></script>\r\n\r\n <!-- Plugin JavaScript -->\r\n <script src=\"sources/template/js/jquery.easing.min.js\"></script>\r\n <script src=\"sources/template/js/jquery.fittext.js\"></script>\r\n <script src=\"sources/template/js/wow.min.js\"></script>\r\n <script src=\"sources/template/js/popupimage.js\"></script>\r\n <!-- Custom Theme JavaScript -->\r\n <script src=\"sources/template/js/creative.js\"></script>\r\n <script src=\"sources/template/js/light-slider.js\"></script>\r\n <script src=\"sources/template/js/count.js\"></script>\r\n <script src=\"sources/template/js/menu.js\"></script>\r\n <script src=\"sources/template/js/vertical_list.js\"></script>\r\n <script src=\"sources/template/js/sticky.js\"></script>\r\n <script src=\"http://www.jqueryscript.net/demo/jQuery-Plugin-For-One-Page-Navigation-Plugin-Page-Scroll-To-ID/jquery.malihu.PageScroll2id.js\"></script>\r\n <script>\r\n  (function($) {\r\n  $(window).load(function() {\r\n   $(\".nav a\").mPageScroll2id();\r\n   $(\"#lightSlider\").lightSlider();\r\n   callCounter();\r\n   callvertical_list();\r\n   $(\".menu2\").sticky({\r\n   topSpacing: 0\r\n   });\r\n  });\r\n  })(jQuery);\r\n\t\t\t\r\n\t\t\t$(document).ready(function(){\r\n\t\t\t\tif(localStorage.getItem(\"ttype\") != undefined){\r\n\t\t\t\t\t$(\"#main-wrapper\").html(localStorage.getItem(\"ttype\"));\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n </script>\r\n </body>\r\n\r\n</html>\r\n"

bereit Haben Sie Ihre Inhalte in localstorage ttype.

den folgenden Code in webview.html Set:

document.write(sessionStorage.getItem("section232"));

Quelle

2017-05-18 11:42:58

Ich denke, der 1step wird 'document.write (sessionStorage.getItem ("ttype")); 'und der zweite Schritt sollte sein, den Wert des Schlüssels' section232' anstelle des Platzhalters '{{content}} zu setzen, nicht wahr, aber wie ??? – user2828442

Aus was ich von deiner Frage verstand, ist ttype = innerer Inhalt und section232 = Die ganze Seite Html. Ist das korrekt? –

nein rückwärts, ich habe dies auf der Seite ' 'und ich kann dies sehen - https://www.dropbox.com/s/v0wnjl5lg3fdnml/Screenshot%202017-05-18%2017.30.13.png?dl=0, jetzt möchte ich Section232 Beschreibung Objekt bei kopieren die Position des Platzhalters, geben Sie bitte – user2828442

Wie rufe ich css und js URLs aus dem lokalen Speicher auf einer Web-Ansicht Seite

Antwort

Verwandte Themen