我们常见的执行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>
*** 解决异步加载问题
* */
function promise1(fun){
this.fun1=function(){}
this.fun2=function(){}
try{
fun(this.sol)
}catch(err){
}
}
promise1.prototype={
fun1:function(){},
fun2:function(){},
sol:function(res){
setTimeout(function(){
promise1.prototype.fun1(res)
promise1.prototype.fun2(res)
},0)
},
then:function(fun1){
promise1.prototype.fun1=fun1
return this
},
err:function(fun2){
promise1.prototype.fun2=fun2
}
}
/**
*方法使用:方法1比方法2先执行
**/
new promise1(function(door){
functionA(door)//方法1
}).then(function(){
functionB() //方法2
})
functionA : fucntion(){
door
}