JS脚本怎么运行?

JavaScript08

JS脚本怎么运行?,第1张

我们常见的执行js代码都是放入到HTML引入后然后通过HTML文件来执行胡查看代码。

显然这是比较麻烦的事情,如果你的电脑里面安装了node.js,你可以使用node来直接使用node来运行你想要运行的js文件。

扩展资料:

动态程序一般有两种实现方式,一是二进制方式,一是脚本方式。

二进制方式是先将我们编写的程序进行编译,变成机器可识别的指令代码(如.exe文件),然后再执行。这种编译好的程序我们只能执行、使用,却看不到他的程序内容。

脚本简单地说就是一条条的文字命令,这些文字命令是我们可以看到的(如可以用记事本打开查看、编辑),脚本程序在执行时,是由系统的一个解释器,将其一条条的翻译成机器可识别的指令,并按程序顺序执行。因为脚本在执行时多了一道翻译的过程,所以它比二进制程序执行效率要稍低一些。

让页面加载完执行js有2种方法,js放在文档代码的下方和把语句代码放在window.onload方法里面。

js放在文档代码的下方

这是一个最简单的文档结构,引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面,可以让javascript在页面加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

</head>

<body>

<div></div>

<script src="xxx"></script>

</body>

</html>

把语句代码放在window.onload函数里面

例如这段代码,虽然script标签没有在最下方,但javascript语句放在了window.onload里面,所以可以在文档加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

<script>

      window.onload=function(){

    alert('页面加载完成!')

      }

</script>

</head>

<body>

<div></div>

</body>

</html>

最近在写一个手机APP,其中一个页面中onload加载的是一个函数A,经过这个函数处理,页面中的Input的value值会被  赋值,此时,函数B是一个定时函数,他需要获取这个input 的value值,然后定时执行,来更新这个input的value值。

当时学js的时候,没太注意js的程序加载顺序。现在无论如何也拿不到Input的value值,不管怎么写,都是空。由此也引出了如下的知识

1.js是单线程的,他的加载分成两部分,第一个部分是预处理,主要是操作声明式函数,就是function aaa(){} 这类和变量,虽然说处理,也只是拿出来,并没有赋值,赋值是第二阶段运行的。

2.如果要实现上述我们的目标,就需要,使用赋值式函数,即 var f=function(){} 这样操作,会被js拿到,然后处理。

3.要获得Input value的值,这个获取,不能写在函数外,需要写在函数内。因为写在外面,只会加载input的value原值,就是空值。写在里面,就走到了执行阶段。有了执行,就能够获取