📜  JS++ |打印 Hello World 的程序

📅  最后修改于: 2022-05-13 01:54:55.252000             🧑  作者: Mango

JS++ |打印 Hello World 的程序

在本教程中,您将编写您的第一个 JS++ 程序。该程序的目的是获取一个显示“Hello World!”的 HTML 文档。使用网络浏览器打开时。

视觉工作室代码

    在开始编写代码之前,您需要决定使用哪个应用程序来编写代码。

  • 虽然理论上,您可以使用标准文本编辑器,例如 NotePad(在 Windows 上)或 TextEdit(在 Mac OS 上),但最好使用专为帮助程序员进行软件开发而设计的代码编辑应用程序。一种与 JS++ 兼容的优秀代码编辑器是 Visual Studio Code,您可以在此处找到它:https://code.visualstudio.com

  • 要安装 Visual Studio Code,请单击下载按钮并在此处遵循特定于平台的安装指南:https://code.visualstudio.com/docs/setup/setup-overview

  • 安装后,你应该添加 JS++ Visual Studio Code 插件,你可以在这里找到:https://github.com/onux/jspp/tree/master/Editor Integration/Visual Studio Code

    对于这些教程的其余部分,我们将假设您正在使用 Visual Studio Code 编写代码。

编写代码

让我们开始吧。要将本教程的 JS++ 文件组合在一起,请创建一个新文件夹并将其命名为“HelloWorld”。然后创建一个新文件并将其命名为“HelloWorld.jspp”(不带引号)。编写以下代码:

// My first JS++ program
// Adds the text "Hello World!" to the page
external $;

$("#content").text("Hello World!");

不要担心代码的含义——我们稍后会谈到。现在,让我们专注于让您的程序启动并运行。将 HelloWorld.jspp 保存到您的 HelloWorld 文件夹。然后创建第二个名为“HelloWorld.html”的文件并编写以下代码:


My first JS++ program



将此文件保存到您的 HelloWorld 文件夹。

在 Windows 上运行程序

您现在应该在 HelloWorld 文件夹中看到两个文件:HelloWorld.jspp 和 HelloWorld.html。右键单击 HelloWorld.jspp 并选择“使用 JS++ 编译”。现在使用 Web 浏览器打开 HelloWorld.html。如果一切正常,文档应该显示“Hello World!”。

在 Mac OS / Linux 上运行程序

打开终端,然后导航到您的 HelloWorld 目录。键入不带引号的“js++ HelloWorld.jspp”。现在使用 Web 浏览器打开 HelloWorld.html。如果一切正常,文档应该显示“Hello World!”。

它是如何工作的?

您可能已经注意到,当您按照上述说明编译 HelloWorld.jspp 时,会在您的 HelloWorld 文件夹中创建一个名为“HelloWorld.jspp.js”的新文件。这是一个 JavaScript 文件,它包含的代码在浏览器打开 HelloWorld.html 时由您的浏览器执行。执行该代码的效果是 HelloWorld.html 显示“Hello World!”。

当 HelloWorld.html 打开时,您的浏览器如何知道它应该执行 HelloWorld.jspp.js 中的代码?答案就在 HelloWorld.html 的这一行:


HTML 文档中的

这一行引用了一个流行的 JavaScript 库,称为 jQuery。 jQuery 之所以流行,是因为它简化了编写浏览器脚本的过程:它使您可以用更少的代码来做事,而不是用其他方式编写的代码。

HelloWorld.html 中需要 jQuery