Javascript文件未在aspx中加载？ASP.NETC_Javascript_C#_Html_Asp.net

Javascript文件未在aspx中加载？ASP.NETC

javascript c# html asp.net

Javascript文件未在aspx中加载？ASP.NETC,javascript,c#,html,asp.net,Javascript,C#,Html,Asp.net,我希望在我的项目中使用这种类型的功能这是有3个文件stylesheet.css、javascript.js和一个html文件我正在Visual Studio 2010 ASP.NET C中尝试，但它不起作用：Javascript文件未加载 ASPX代码： JScript.js： JScript.js文件不工作。关键字颜色没有改变，但我提供的链接其工作良好如何解决这个问题？正如我在评论中所建议的，您将从一些教程中受益，这些教程不仅介绍了如何使用jQuery，还介绍了如何使用HTML、CSS

我希望在我的项目中使用这种类型的功能

这是

有3个文件stylesheet.css、javascript.js和一个html文件

我正在Visual Studio 2010 ASP.NET C中尝试，但它不起作用：Javascript文件未加载

ASPX代码：

JScript.js：

JScript.js文件不工作。关键字颜色没有改变，但我提供的链接其工作良好

如何解决这个问题？

正如我在评论中所建议的，您将从一些教程中受益，这些教程不仅介绍了如何使用jQuery，还介绍了如何使用HTML、CSS和Javascript。您缺乏一些非常基本的知识，无法使用堆栈。我回答你的问题只是为了给你一个开始：

<head>
    <link rel="stylesheet" href="StyleSheet.css" type="text/css" />
    <!-- Loading the jQuery library before everything else. 
        Getting it from Google CDN, but you can have it locally. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <!-- Loading your own Javascript file. -->
    <script type="text/javascript" src="JScript.js"></script>
</head>

根据我对代码的理解，在框中键入SQL脚本时，您试图突出显示一些单词。它工作得很好：

更多信息：

你检查控制台了吗？另外，脚本文件正在使用$，这意味着该文件需要jQuery或子集。加载它们不加载文件是什么意思？错误的要求？错误的URL 404？控制台中的错误？我看不到你在使用jQuery之前加载它…@Rajesh我怎么能在控制台中签入？@MelanciaUK没有错误，我已经告诉你颜色不会改变。宾果！您没有加载您试图使用的jQuery库。非常感谢您回复@MelancialUK。我按照您的说明操作，但仍然不工作。控制台中没有错误，但仍然不工作。颜色没有变化，很抱歉，但我无法理解您的说明。您的Javascript代码应该包装在一个文档就绪事件中handler：阅读jQuery学习中心。我不能在这里写一个答案，一点一点地解释jQuery。恐怕这不是这个论坛的目的。我已经用你的代码添加了一个演示来更新答案。正确加载库后，它工作正常。下面是一个更好的方法：。它会在页面加载时以及在您键入时突出显示您的文本。

body {
}

#editor {
    width: 400px;
    height: 100px;
    padding: 10px;
    background-color: #444;
    color: white;
    font-size: 14px;
    font-family: monospace;
    display:block;
}

.statement {
    color: orange;
}

$("#editor").on("keydown keyup", function (e) {
if (e.keyCode == 32) {
    var text = $(this).text().replace(/[\s]+/g, " ").trim();
    var word = text.split(" ");
    var newHTML = "";

    $.each(word, function (index, value) {
        switch (value.toUpperCase()) {
            case "SELECT":
            case "FROM":
            case "WHERE":
            case "LIKE":
            case "BETWEEN":
            case "NOT LIKE":
            case "FALSE":
            case "NULL":
            case "FROM":
            case "TRUE":
            case "NOT IN":
                newHTML += "<span class='statement'>" + value + "&nbsp;</span>";
                break;
            default:
                newHTML += "<span class='other'>" + value + "&nbsp;</span>";
        }
    });
    $(this).html(newHTML);

    //// Set cursor postion to end of text
    var child = $(this).children();
    var range = document.createRange();
    var sel = window.getSelection();
    range.setStart(child[child.length - 1], 1);
    range.collapse(true);
    sel.removeAllRanges();
    sel.addRange(range);
    $(this)[0].focus();
}
});

<head>
    <link rel="stylesheet" href="StyleSheet.css" type="text/css" />
    <!-- Loading the jQuery library before everything else. 
        Getting it from Google CDN, but you can have it locally. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <!-- Loading your own Javascript file. -->
    <script type="text/javascript" src="JScript.js"></script>
</head>

$(function () {
    // Your code goes here.
});