Question

我尝试通过遵循所有说明并在settings.py文件中进行必要的更改以及在我的.html文件中使用{％load static％}来在django中使用Java脚本。 CSS可以完美加载，但是static / js文件夹中的.js文件却无法加载。

{% load static %}
<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="{% static 'css/calcu.css' %}">

</head>

<form id="calci_form" method="get" action="operation">  
<select name="vehicle" id="veh" onChange="hideShow(this.value)"> 
        <option id="ve1" value="none" name="Select" selected="selected"></option>  
        <option id="ve2" value="2">17 </option>
        <option id="ve3" value="3">18 </option>
        <option id="ve4" value="4">19 </option>
        <option id="ve5" value="5">20</option> 
        <option id="ve6" value="6"> 21 </option> 
</select> 

    <select name="power" id="pwr" onchange="showHide()"> 
        <option id="pw1" value="none" name="Select" selected="selected"></option> 
        <option id="pw2" value="A">A</option> 
        <option id="pw3" value="B">B </option> 
        <option id="pw4" value="C"> C</option> 
        <option id="pw5" value="D">D</option>
        <option id="pw6" value="E"> E</option> 
    </select>
<label class="l1">X</label><input type="text" name="num1" class="tb1" value="{{fvalue}}">
<label class="l2">Y</label><input type="text" name="num2" class="tb2" value="{{svalue}}">
<label class="l3">Z</label><input type="text" id="txt" class="tb3" name="user_input" value={{result}}>
 <input type="submit" name="sym" class="btn1" value="Calculate">      
<!-- <input type="submit" name="mul" class="btn2" value="Calculate">  -->
</form>
</html>

<script src="{% static 'js/script.js' %}"> 
</script>

这是我的html文件。

我的js文件看起来像这样

function showHide(){
    alert(YOO)
    var x = document.getElementById("veh").options.length
    var v = document.getElementById("veh")
    var val = document.getElementById("pwr").value

     if(v.value == "none"){
        return 0
    } 

    for(i = 0; i<x; ++ i){
       v[0].style.visibility = "hidden"
    }
    if(val == "A"){
        document.getElementById("ve1").style.visibility = "visible"
        document.getElementById("ve2").style.visibility = "visible"
        document.getElementById("ve1").value = "Yoooooooooooooooo" 

    }   

}

也许我写的js函数出了点问题，但它至少应该显示同样未显示的警报

STATIC_URL = '/static/'

STATICFILES_DIRS = [

     os.path.join(BASE_DIR, "static"), 

]


STATIC_ROOT = os.path.join(BASE_DIR, 'styles')

我已将其包含在settings.py中，并且还运行了manage.py collectstatic。没事 CSS可以正常工作。

请帮助

不能在Django中使用Javascript

0 个答案: