外部 javascript 文件在 .net 核心 MVC 中不起作用

Question

我有以下代码，如果我将它直接插入我的 html 页面，它可以工作，但是当我尝试进行外部引用时，它不起作用

请多多指教额

外部调用时，我使用

<script src="~/lib/bootstrap/dist/js/CarParts2018.js"></script>

当我插入 html 页面时，代码是

    <script>
    function openCity(evt, cityName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(cityName).style.display = "block";
        evt.currentTarget.className += " active";


    }
</script>
<script>
    // Get the element with id="defaultOpen" and click on it
    document.getElementById("defaultOpen").click();
</script>

对应的div是

<div class="tab">
    <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">Popular Searches</button>
    <button class="tablinks" onclick="openCity(event, 'Paris')">Search ALPHABETICALLY</button>
    <button class="tablinks" onclick="openCity(event, 'Tokyo')">Search by name</button>
</div>

<div id="London" class="tabcontent">
    <h3>London</h3>
    <p>London is the capital city of England.</p>
</div>

<div id="Paris" class="tabcontent">
    <h3>Paris</h3>
    <p>Paris is the capital of France.</p>
</div>

<div id="Tokyo" class="tabcontent">
    <h3>Tokyo</h3>
    <p>Tokyo is the capital of Japan.</p>
</div>

Answer 1

Cf 注释：在 javascript 文件中你不能使用 <script> html 标签。 Javascript 文件只能包含 javascript 个命令。

请参阅 javascript 基本文档 here

外部 javascript 文件在 .net 核心 MVC 中不起作用

external javascript file not working in .net core MVC

html

javascript

asp.net-mvc

asp.net-core

asp.net-core-mvc-2.0