Wie dynamisch importieren, javascript und css-Dateien

ich importieren Möchten, die eine bestimmte css-oder javascript-Datei je nach os einige Bedingungen, in meinem Servlet habe ich:


protected void doPost(...)
{
   if(condition)
   {
     //import some javascript or css file here
   }

}

Muss ich dieses Verhalten, da ich zu viele Dateien zu importieren und die Dateien name kann variieren je nach Zustand.
Ist es möglich?

InformationsquelleAutor marcosbeirigo | 2010-03-20
  1. 4

    Art, ja.

    boolean condition = evaluateItSomehow();
request.setAttribute("condition", condition);
request.getRequestDispatcher("/WEB-INF/page.jsp").forward(request, response);

    Dann in page.jsp mit JSTL c:if:

    <head>
    <c:if test="${condition}">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="script.js"></script>
    </c:if>
    ...
</head>

    Update: da Sie scheinen zu haben mehr als eine-Dateien, Sie können sogar machen es flexibler gestalten, indem Sie nur die Einstellung den gewünschten Dateinamen-suffix (oder Präfix, oder auch den gesamten Namen, was Sie möchten):

    String suffix = evaluateItSomehow();
request.setAttribute("suffix", suffix);
request.getRequestDispatcher("/WEB-INF/page.jsp").forward(request, response);

    und

    <head>
    <link rel="stylesheet" type="text/css" href="style_${suffix}.css">
    <script type="text/javascript" src="script_${suffix}.js"></script>
    ...
</head>

    Wenn Sie suffix zum Beispiel "foo", diese lädt style_foo.css und script_foo.js. Ich denke, das gibt genug neue Erkenntnisse.

    • Hallo 🙂 gibt es irgendwelche Probleme mit den bwoser-cache bei Verwendung dieser Methode? wenn ich laden will derselben Seite, auf die unterschiedlichen Bedingungen, mit vielen Arten von css? wil client browser-cache der css?
    InformationsquelleAutor BalusC
  2. 1

    Sind Sie versuchen, einfügen von Javascript und CSS in den dom? Ich würde das von der client-Seite. Ich meine, es ist möglich, es zu tun, indem Sie explizit schreiben, den code für <script...> oder <link...>. Einen besseren Weg, es zu tun ist etwas senden zurück an den client, erzählt Sie, und fügen Sie eine stylesheet-oder Javascript.

    Dann können Sie es dynamisch mögen, so:

    Wenn dies nicht getan werden müssen, die dynamisch, dann ist es noch einfacher. Einfach ein flag setzen und in Ihre JSP-oder ASP, überprüfen Sie den Zustand der fahne. Innerhalb des conditional-tag, fügen Sie den code für die CSS und Javascript. Allerdings gehe ich davon aus, deine Frage, dass es der ehemalige.

    InformationsquelleAutor Vivin Paliath
  3. 0
    function loadjscssfile(filename, filetype) {
            if (filetype == "js") { //if filename is a external JavaScript file
               //alert('called');
                var fileref = document.createElement('script')
                fileref.setAttribute("type", "text/javascript")
                fileref.setAttribute("src", filename)
                alert('called');
            }
            else if (filetype == "css") { //if filename is an external CSS file
                var fileref = document.createElement("link")
                fileref.setAttribute("rel", "stylesheet")
                fileref.setAttribute("type", "text/css")
                fileref.setAttribute("href", filename)
            }
            if (typeof fileref != "undefined")
                document.getElementsByTagName("head")[0].appendChild(fileref)
        }

    Rufen Sie die javascript-Funktion dynamisch geladen, die css-und js-Datei. Pass der komplette Pfad zur Datei mit Namen 'filename' - argument.

    InformationsquelleAutor Talha
Schreibe einen Kommentar