js文件怎么运行

js文件怎么运行,第1张

1、浏览器控制台运行

JavaScript不同于java语言或者c语言,需要环境、需要编译再运行,js在被制造出来时,就是为浏览器而生,可以直接在浏览器里运行,这里以谷歌浏览器为例,鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码,回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见:方便,打开浏览器就能输代码查看执行结果,我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配,因为浏览器控制台的缺点太多了:操作不便,没法文件操作只能命令行,找错困难,大多数时候的js是有依赖的,控制台不方便整依赖,所以,一般控制台也就执行执行简单原生的js

2、写在HTML里运行

实际上,我们肯定不想用命令行的方式,当然是用一个顺手的IDE写代码。

这种方式,就是我大学时候,老师们教的传统方式了。

学HTML的时候,会教到标签,有一个标签不同于别的花里胡哨的标签,这个标签很牛,叫做<script>脚本标签,用来嵌入或者引用可执行脚本,这里解释一下嵌入和引用。嵌入呢,就是把脚本写在标签里边儿,引用呢,就是把脚本写好,然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法,嵌入的写法就是这样:

引用的写法是这样:

查看执行结果的话,点击IDE边上的浏览器图标或者右键run这个html页面,等浏览器弹出来,右键检查就能看到控制台输出的值了

3、直接运行js

实际上上面第二种方法已经很靠谱很普及了,可还是用起来不舒服,每回都要写一个HTML,有的甚至还要再写一个js,那能不能像运行html一样,直接右键运行js呢?

当然是可以的!用node!以下是我花了一个小时才整成的历程!

1、由于我是新的电脑,我装了个nodejs,安装包安装完后,直接命令行执行node命令,即可以直接运行js代码

这样方式还是很蠢,和浏览器没什么区别

2、我用IDE些好的js文件,然后用node单独执行

看上去是好一点了,可以单独执行文件了,但是这样还是很蠢,每回打开cmd还要找到js的路径

3、插件(我这里用的IDEA)

Javascript文件在客户端运行。浏览器(客户端)的主要组件中包括渲染引擎和JS解释器等。渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来。JS解释器 - 用来解释执行JS代码。

Window 上安装Node.js

你可以采用以下两种方式来安装。

1、Windows 安装包(.msi)

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

本文实例以 v0.10.26 版本为例,其他版本类似, 安装步骤:

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

和平时安装其他软件一样等待安装完成!

步骤 2: 检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" =>输入命令"path",输出如下结果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\binC:\Windows\system32C:\WindowsC:\Windows\System32\WbemC:\Windows\System32\WindowsPowerShell\v1.0\

c:\python32\pythonC:\MinGW\binC:\Program Files\GTK2-Runtime\libC:\Program Files\MySQL\MySQL Server 5.5\binC:\Program Files\nodejs\

C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

步骤 3: 检查Node.js版本

2、Windows 二进制文件 (.exe)安装

32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node.exe

64 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe

安装步骤

步骤 1 : 双击下载的安装包 Node.exe ,将出现如下界面 :

步骤 2:点击 Run(运行)按钮将出现命令行窗口:

步骤 3 :版本测试

进入 node.exe 所在的目录,如下所示:

如果你获得以上输出结果,说明你已经成功安装了Node.js。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/595080.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-09
下一篇2023-07-09

发表评论

登录后才能评论

评论列表(0条)

    保存