时间戳

首页 > 解决方案 > 在 localhost 上运行的网站无法找到 js 文件

javascript - 在 localhost 上运行的网站无法找到 js 文件

问题描述

我试图在 HTML 文件中链接一个 js 文件，该网站在 localhost:5000 上运行，但它似乎无法找到该 js 文件。我也在使用 Flask，下面是 HTML、python 和 js 文件： HTML：

<!DOCTYPE html>
<html>
    <script src="sign_up.js"></script>
    <head>
      <h1> You're only a few steps away now </h1>
    </head>
    <body>
    <div id="SignUpForm">
      <p id="head"></p>
      <h2>Enter your details to continue to MyRecipes</h2>
      <form action="{{url_for('addUser')}}" method ="post" onsubmit="return validateForm()">
        Full Name: <input type="text" name=""="name"><br><br>
        Email: <input type="text" name="email"><br><br>
        Username (max. 10 characters): <input type="text" name="username"><br><br>
        Password (min. 8 characters, at least 1 number and 1 upper-case letter): <input type="text" name="pass"><br><br>
        <input type="submit" value="Join MyRecipes">
      </form>
    </body>
</html>

Python：

from flask import Flask, render_template, request
import sqlite3
app = Flask(__name__)

users = sqlite3.connect('users.db')
print("Opened database successfully")

@app.route("/", methods = ['GET', 'POST'])
def home():
    return render_template("index.html")

@app.route("/sign_up")
def signup():
    return render_template("signup.html")

@app.route('/addUser', methods=['POST'])
def addUser():
    passw = request.form['pass']
    print(passw)
    # your code
    # return a response
    return render_template("signup_success.html")

if __name__ == '__main__':
    app.run(debug=True)

js：

function validateForm(){
    var name = document.getElementById('name');
    if (name.value.length == 0){
        document.getElementById('head').innerText = "* All fields necessary *";
        name.focus();
        return false;
    }
    return true
}

我已经尝试了很多不同的 src"" 其他路径，但似乎没有任何效果，任何人都可以在这里看到问题吗？

编辑：忘了说，sign_up.js 文件与其他 html 文件一起位于模板文件夹中。

标签： javascriptpythonhtmlflask

解决方案

推荐阅读