我正在使用django制作Web应用程序,并且在我的基本模板中,有一个导航栏,我想在其中通过javascript添加动态特性,以突出显示您所在页面上的Anchor标签链接,但我无法做到,请帮助。
<!DOCTYPE html>
{% load static %}
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<meta charset="utf-8">
<link rel="stylesheet" href="{% static 'user/css/mystyle.css' %}">
{% block title%}
{%endblock title%}
</head>
<body>
<nav class="navbar fixed-top navbar-dark">
<a href="{% url 'user:index'%}" class="navbar-brand">MyApp</a>
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="{% url 'user:index'%}" class="nav-link">Home Page</a></li>
<li class="nav-item"><a href="{% url 'user:formView'%}" class="nav-link">Sign Up</a></li>
<li class="nav-item"><a href="{% url 'user:show_data'%}" class="nav-link">About</a> </li>
</ul>
</div>
</nav>
{% block body_block%}
{% endblock body_block%}
</body>
<script src="{% static 'user/js/base.js'%}">
</script>
</html>
此base.html模板将成为应用程序中所有页面的基础,并且所有页面都具有导航栏。谢谢