外部javascript文件在.net core MVC中不起作用答案

【问题标题】：external javascript file not working in .net core MVC外部javascript文件在.net core MVC中不起作用
【发布时间】：2018-01-22 12:08:13
【问题描述】：

如果我将它直接插入到我的 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>

【问题讨论】：

使用 Chrome 开发者工具（当前页面上的 F12）有错误 404 吗？还是控制台面板中的东西？
首先，不要将脚本放在 lib 中，尤其是在 bootstrap 之类的库中。重点是这些文件夹应该能够就地更新，可能会擦除并替换为库的新签出。你的自定义脚本应该放在wwwroot/js。
我已经更新了，但是还是不行:'(
请回答我。并使用您的应用程序文件树编辑您的问题
@GGO 如果我右键单击并选择查看源，我可以看到外部 jscript 文件，但是如果我在 chrome 中按 f12，它不会出现

标签： javascript html asp.net-mvc asp.net-core asp.net-core-mvc-2.0

【解决方案1】：

Cf cmets ：在 javascript 文件中，您不能使用 <script> html 标记。 Javascript 文件只能包含 javascript 命令。

参见 javascript 基本文档here

【讨论】：