每日一「讲」JavaScript- Hello Wo

每日一「讲」JavaScript: Hello World

.1 JavaScript: Hello, world!

从本讲开始，我们正式踏上了JavaScript的梦幻之旅啦！

还记得上一讲中，如何打开console调试代码吗？可以借助调试器查看代码运行结果。另一种查看运行结果的办法是使用alert，当然，这种方法不适合进行复杂调试。选择一种，开始吧！

script 标签

通常可以将JavaScript代码写在<script></script>标签内，并且script标签可以插入HTML文档的任何位置。

<!DOCTYPE HTML>
<html>
<body>
<p>之前...</p>
<script>
alert( 'Hello, world!' );
</script>
<p>...之后</p>
</body>
</html>

将代码保存为debug.html，用浏览器打开debug.html，运行结果：

标签属性

类型属性：<script type=…>

旧的HTML标准HTML4要求脚本具有类型。通常它是type=“ text / javascript”。

但是现在不再需要了。现代HTML标准完全改变了此属性的含义。现在，它可以用于JavaScript模块。

语言属性：<script language=…>

此属性旨在显示脚本的语言。因为JavaScript是默认语言，所以该属性不再有意义。不需要使用它。

脚本前后的注释

在比较早期的书籍和指南中，您可能会在<script>标记内找到注释，如下所示：

<script type="text/javascript"><!--
...
//--></script>

现代JavaScript不使用此技巧。这些注释会在不知道如何处理<script>标记的旧浏览器中隐藏JavaScript代码。由于过去15年内发布的浏览器没有此问题，因此此类注释可以帮助您识别真正的旧代码。

外部脚本

当我们有很多JavaScript代码时，则可以将其放入单独的文件中。

脚本文件通过src属性附加到HTML：

<script src="/path/to/script.js"></script>

在这里，/path/to/script.js是从站点根目录到脚本的绝对路径。您还可以提供当前页面的相对路径。例如，src=“ script.js”表示当前文件夹中的文件“ script.js”。

我们也可以提供完整的URL。例如：

<script src="https://your.domain.com/libs/jquery.js"></script>

要附加多个脚本，则可以使用多个标签：

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

小窍门：通常，仅将最简单的脚本放入HTML。更复杂的文件位于单独的文件中。单独文件的好处是浏览器将下载该文件并将其存储在其缓存中。引用同一脚本的其他页面将从缓存中获取而不是下载它，因此该文件实际上仅下载了一次。这样可以减少访问量并使页面更快。

注意：如果设置了src，则脚本内容将被忽略。单个<script>标签不能同时包含src属性和代码。

<script src="file.js">
alert(1); // 这里的代码将被忽略，因为src设置了文件
</script>

我们必须选择带有代码的外部<script src=“…”>或常规的<script>。上面的示例可以分为两个脚本工作：

<script src="file.js"></script>
<script>
alert(1);
</script>

本讲小结

我们可以使用<script>标记将JavaScript代码添加到页面。
类型和语言属性不是必需的。
可以使用<script src=“ path/to/script.js”> </ script>插入外部文件中的脚本。

小练习

创建一个页面，显示“我爱JavaScript！”。
通过将脚本内容提取到位于同一文件夹中的外部文件alert.js中进行修改。

果用C语言输出：Hello，world！，该如何编写程序？

**代码如下：**

#include<stdio.h>//包含标准库的信息
main()//定义名为main的函数，不接受参数值
{//main函数的语句都放在花括号中，也表示函数体的开始
printf("Hello,world!\n"); //main函数调用库函数printf以显示字符序列
}//函数体结束

程序运行结果：

###说明：

对于一个C语言程序，无论它的大小如何，都是由函数和变量组成的：

– 函数：包含一些语句，以指定所要执行的计算操作

–变量：用于存储计算过程中使用的值

#include<stdio.h>

用于告诉编译器在本程序中包含标准输入\输出库的信息

####main函数：

每个C语言程序都是从main函数的起点开始执行，这就意味着每个程序都必须在某个位置包含一个main函数。

main函数通常会调用其他函数来帮助完成某些工作，被调用的函数可以是程序设计人员自己编写的，也可以是来自于函数库。

####参数：

-函数之间进行数据交换的一种方法是调用函数向北调用函数提供一个值（这个值就称为参数）列表；一般情况下在函数名后面用一对圆括号将参数列表括起来。在本例中，main函数不需要任何参数，所以用空函数表示。

####执行语句：

-函数中的执行语句用一对花括号**{ }**括起来,本例中的执行语句就只包含一条语句：

printf("Hello,world!\n");

-调用函数时，只需要使用函数名加上用圆括号括起来的参数即可。

#####printf函数：

-是一个用于打印输出的库函数，在本例中，它将打印双引号之间的字符串。

注：

-用双引号括起来的字符序列称为字符串或字符常量。

-printf函数不会自动换行

-在printf函数的参数中，只能用\n表示换行符

####思考

若将上例中的字符序列\n改成如下所示，又是否运行呢？

printf("Hello,world!");

如果改写成如下样式，又是否和原格式输出一样呢？

#include<stdio.h>
main()
{
printf("Hello,");
printf("world");
printf("\n");
}

话说回来，C/C++是一个既可以强化思维能力，又可以打好编程基础的编程语言，你想要做软件开发，成为核心程序员的话，学习C/C++是比较好的选择，笔者有一个C/C++的编程千人湫羣（Q艘索：C语言编程学习聚集地（无言建立））你如果感觉自学C/C++语言有困难的话，有兴趣学习或者了解一下C/C++编程的伙伴就可以进来交流。下面给大家分享一下C/C++的学习路线图：

lectron是一个使用javascript进行跨平台桌面应用开发的解决方案。

首先在webstorm里面新建一个nodejs项目。

接着运行

npm i --save-dev electron

添加对项目的依赖。这一步会下载electron的二进制，时间会比较长。

国内可以设置淘宝镜像：

Windows上设置环境变量

set ELECTRON_MIRROR=https://cdn.npm.taobao.org/dist/electron/

新建一个index.js文件。

const { app, BrowserWindow }=require('electron');

function createWindow () {
    const win=new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
        }
    });

    win.loadFile('index.html');
}

app.whenReady().then(()=> {
    createWindow()
})

然后添加一个index.html，用于Electron里面的浏览器窗口加载。既然是HelloWorld，就写个最简单的html文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
</head>
<body>
    HelloWorld
</body>
</html>

条件npm运行脚本到package.json里面：

在WebStorm里面新建一个Configuration

点击运行：

可以看到HelloWorld窗口了。

在线咨询

上一篇：Htmx走红，从React“退回去”后：代码减少 6
下一篇：如何写好设计文档

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。