共23门课程,总价3924元,开通VIP会员免费学习!
首页 >web前端 >前端问答 > 正文

JavaScript可以单独运行吗

原创2022-09-29 17:49:091099 + Vue前端学习QQ群(点击入群)

JavaScript不可以单独运行。JavaScript是一种脚本语言,不能像exe程序一样单独运行,只能在宿主环境中执行。两种运行方法:1、使用script标签把JavaScript代码放在HTML中,借助浏览器环境来运行;2、借助node.js环境来运行JavaScript代码。

前端(vue)入门到精通课程,老师在线辅导:联系老师
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript是一种跨平台的解释型、动态类型、弱类型、基于原型的脚本语言,不能像exe程序一样单独运行,只能在宿主环境中执行。

运行方法1:需要使用script标签把它放在HTML中,借助浏览器环境来运行。

在 HTML 页面中嵌入 JavaScript 脚本需要使用 <script> 标签,用户可以在 <script> 标签中直接编写 JavaScript 代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h1>PHP中文网:https://www.php.cn/</h1>");
    </script>
</head>
<body></body>
</html>
登录后复制

1.png

也可以将JavaScript 代码放在 JavaScript 脚本文件中。JavaScript 脚本文件是文本文件,扩展名为.js,使用任何文本编辑器都可以编辑。然后使用 <script> 标签可以在HTML 页面中导入 JavaScript 文件。

例:

在test.js 文件中编写如下 JavaScript 代码。

alert("PHP中文网:https://www.php.cn/");
登录后复制

在HTML 文档<head> 标签内插入一个 <script> 标签。定义 src 属性,设置属性值为指向外部 JavaScript 文件的 URL 字符串。代码如下:

<script type="text/javascript" src="test.js"></script>
登录后复制

2.png

注意:使用<script>标签包含外部 JavaScript 文件时,默认文件类型为 Javascript。因此,不管加载的文件扩展名是不是 .js,浏览器都会按 JavaScript 脚本来解析。

运行方法2:可以借助node.js来运行。

1、创建并编写 JavaScript 脚本文件

3.png

2、打开 cmd 命令窗口

4.png

3、直接执行“node js文件名的具体路径”命令,即可执行js脚本文件

我的js文件在D:\nodejs\demo目录下,所以执行

node D:\nodejs\demo\hello.js
登录后复制

5.png

4、或者,先使用“cd 目录路径”命令定位到js文件所在目录,然后执行:node fileName命令(fileName 文件名),即可执行对应的js脚本文件。例:

node hello.js
登录后复制

6.png

说明:

对于跟在node后面的js文件,.js后缀可加可不加

注意:

文件名最好不要用 node.js 和 中文,文件名中不要有空格

更多node相关知识,请访问:nodejs 教程

以上就是JavaScript可以单独运行吗的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:javascript
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    自己动手手写一个MVC框架(40节精讲/巨细/新人进阶必看):立即学习

    快速了解框架底层运行原理+提高自身开发逻辑+新人必学课程

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    推荐视频教程

    开通VIP会员课 0元学

    热门推荐