vs2019怎么调试html页,0基础学习JavaScript一定要知道如何使用VS2019去编写代码

第1节. 编写JS代码

对于.NET开发者来说，前端技术也是不能少的，0基础的开发者来说，使用Visual Studio 2019开发工具是非常容易上手的。这里创建一个空白的Web应用程序项目，ASP.NET Web应用程序是完全支持JavaScript代码编写的。

然后在此项目中再创建一个HTML页面，用于编写JavaScript代码。

图1创建的是一个空的Web项目，项目中除了基本的引用、Properties、Web.config之外，没有其他任何多余的文件。在图1右击项目名称，添加一个新项目。

在图2左侧选择“Web”下面的“HTML页”，使用默认的名称“HtmlPage1.html”，点击“添加”按钮。VS2019就会为我们创建出一个具有Html代码的页面。

JavaScript代码就是在Html页面上使用的，在浏览器中解释和执行。现在我们编写第一行JavaScript代码：

一都编程，每个知识就是一个案例。

从这段Html代码上可以看出来，JavaScript代码是与HTML代码混合在一起编写的。JavaScript代码可以实现一些动态效果，且还可以从数据库中拿数据，具有动态数据交互功能。

JavaScript代码的基本使用如下说明：

一、代码编写位置

也就是将

将上面的Html+JavaScript代码直接在浏览器里运行，查看一下运行结果。

从页面输出的内容上看，document.write()方法与C#中的Response.Write()方法的作用是一样的，都是在页面上输出内容，直接将HTML结果输出。

另外，document.writeln()也是用来输出内容的，只是比write()多出一个\n，但是在浏览器中，\n被解析为空格了，所以看不到换行效果。

在html中，换行使用
表示：document.write("
");

所有的HTML代码都是可以放在document.write()方法中直接解释输出的。

");document.write(" 年龄： ");document.write(" ");

在document.write()方法中可以直接输出HTML代码并被浏览器解析，在双引号中可以使用单引号嵌套，还可以使用转义字符\”表示双引号。

如果要在浏览器的控制台输出内容，可以使用console.log()输出，按F12可以呼出控制台，常用于输出测试数据。

二、引用js文件

也可以将JavaScript代码单独放在一个.js文件中，然后在

或标记内引用该文件：

在项目中创建一个JavaScript文件，并将上面的JavaScript代码放在此*.js文件中。

然后将“ JavaScript.js”文件拖放到“HtmlPage1.html”的

标记内：

在Html代码中只存放js文件，对于页面来说，不仅代码整洁，且容易维护，是一种推荐的做法。

如果HTML内容显示完成后,再使用document.write()，则会覆盖原来的内容。

第2节. 响应按钮事件

使用JavaScript代码可以直接输出Html代码，还可以对按钮的事件做出响应，以便我们能够对用户的请求做出反应。

JavaScript是一门脚本语言，是在浏览器上执行的，不需要编译，解释输出，支持事件。我们可以在事件发生时执行 JavaScript代码，比如当用户在按钮上点击时就会触发一段JavaScript代码去执行。

这里我们添加一个Input标记，让type属性的值为“button”，这样就生成一个按钮，可供用户单击。

然后修改一下标的代码：

在此代码中，我们给input标记添加了onclick属性，该属性的值就是按钮单击时触发的事件，执行的代码是return confirm('是否确认删除？')。

这个我们之前在ASP.NET WebForm就接触过，用来弹出确认框的。现在我们来运行一下这段JS代码，看一下运行效果：

当我们单击按钮后，就会弹出确认框，表示按钮的事件已经触发到了，事件中的代码已被执行。

在任何的HTML标记上都可以使用onclick执行事件。

(1).

你好 (2). 你好(3). (4).

对于JavaScript的学习，相对于C#语言来说，要简单一些，语法上也基本相似，只是执行的方式不一样，且还要与Html标记做交互，这是一个难点，也是开发Web前端的一个核心点。

举报/反馈