Externe JavaScript-Datei wird nicht Hinzugefügt bekommen, wenn auf Kolben

Ich habe eine HTML-Datei mit dem Namen showMap.html:

<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Map</title>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
  </script>
  <script type="text/javascript" src="js/map.js"></script>
</head>

<body onload="showPosition()">
  <div id="map_canvas" style="width:500px;height:500px;"></div>
</body>

</html>

Und anderen JavaScript-Datei map.js in der js Ordner das gleiche Verzeichnis.

Dieser code funktioniert gut, wenn die HTML-Datei geladen wird, aber das funktioniert nicht wenn ich es in der server.

Ich benutze Python-Flask-framework für den back-end-Programmierung und das lustige an der Sache ist, dass die gleiche Sache, auch wenn ich erweitern Sie den JavaScript-code innerhalb der HTML-Datei. Das problem ist nur mit der externen Datei.

InformationsquelleAutor Tony | 2013-02-05
  1. 83

    Dienen der map.js Datei als statische Ressource:

    • verschieben Sie die Datei auf eine static/ Unterverzeichnis des Pakets

    • erzeugen eine statische URL für die es in einer Jinja2 template so auf:

      <script type="text/javascript" src="{{ url_for('static', filename='map.js') }}"></script>
    • Ist die Flasche nur in der Lage, den import von statischen Unterverzeichnis? Ich hatte ein Verzeichnis auf der gleichen Ebene wie statische und legte meine js-Datei in das chrome war nicht erfolgreich importieren. Wenn ich jedoch zog Sie das Verzeichnis, in statischen, es erfolgreich importiert wurde. Vielleicht, wenn das Verhalten stimmt, kann es sollte hervorgehoben und erklärt.
    • erstellt eine spezielle route für /static, die dazu dient, alles unter der static Verzeichnis als dokumentiert in der quickstart. Wenn Sie brauchen, um zu dienen Daten aus mehreren Verzeichnissen, würden Sie brauchen, um mehr zu erstellen, dass solche Ansichten (wie genau, ist zu lange zu erklären, in einem Kommentar).
    InformationsquelleAutor Martijn Pieters
  2. 5

    Schritt 1:
    Erstellen Sie Ordner mit Namen statisch in der Projekt-root -

    Schritt 2:
    Fügen Sie statische Dateien in statische Ordner

    Schritt 3
    Fügen Sie in der Vorlage 

    <script type="text/javascript" src="{{ url_for('static', filename = 'hello.js') }}"></script>
    InformationsquelleAutor AiOsN
  3. 1

    Ich das gleiche Problem Auftritt, für das stylesheet, der URL_FOR funktioniert, aber für javascript.
    Ich hatte zu schreiben

    <script type="text/javascript" src="static/map.js"/>

    War für mich

    InformationsquelleAutor Muyinda Rogers
  4. 0

    Möchte ich hinzufügen, dass auf Martijn ' s Antwort, dass Sie haben, verknüpfen Sie Ihre js-Datei, genau wie diese:

    <script type="text/javascript" src="{{ url_for('static', filename='map.js') }}"></script>

    und nicht wie hier:

    <script type="text/javascript" src="{{ url_for('static', filename='map.js') }}"/>

    InformationsquelleAutor Mykhailo Seniutovych
Schreibe einen Kommentar