[JS] 第一课:Hello, world

一、在网页中显示Hello, world

<!DOCTYPE html>
<html>
<head>
	<title>hello world</title>
	<meta charset="utf-8">
</head>
<body>
    <!--(1)引入script:<script src="XXX.js"></script>-->
    <!--(2)直接写script-->
	<script type="text/javascript">/*script 放在<body></body>中*/
		/*document不属于ES范畴,属于DOM规范*/
		document.write("hello world");/*字符串外单、双引号皆可*/
		/*最后的封号可以省略*/
	</script>
</body>
</html>

二、在控制台显示Hello, world

helloworld.html文件内容如下:

<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
	<title>hello, world</title>
	<meta charset="utf-8">
</head>
<body>
	<!--引入名为"hello_world.js"的javascript文件-->
	<script src="hello_world.js"></script>
</body>
</html>

hello_world.js文件内容如下:

console.log('hello world');/*在控制台中显示hello world*/

结果:
在这里插入图片描述

三、利用node.js显示Hello, world

Node.js安装地址:点击前往
【方法流程】
(1)安装Node.js
(2)打开命令行,进入到"hello_world.js"所在目录,运行:

node hello_world.js
发布了51 篇原创文章 · 获赞 5 · 访问量 4191

猜你喜欢

转载自blog.csdn.net/qq_43519498/article/details/103599866