×

怎么引入js文件(三种办法)_js引入js文件

前端技术网 前端技术网 发表于2024-01-22 02:07:19 浏览2547 评论0

抢沙发发表评论

一、怎么编写和调用js文件

如果你是将JS函数写入到一个单独的文件中,如function.js,

下面为function.js

怎么引入js文件(三种办法)_js引入js文件

/*

这里最好是记录一下函数的作用,如果有参数,最好就是说明一下

函数名称:func1

函数作用:测试加载外部JS文件

参数说明:无

*/

怎么引入js文件(三种办法)_js引入js文件

function func1(){

alert("调用了函数1");

}

/*

函数名称:func1

函数作用:测试加载外部JS文件

参数说明:无

*/

function func2(){

alert("调用了函数2");

}

至于JS的书写规范有很多种,主要就是方便浏览及习惯,你可以自己看看书上的书写方式或者参考一下其他高手方式。

出现乱码的原因就是1楼所说,原因是你的JS文件和HTML文件的编码不一致,而且你的JS文件有中文(如果js文件只有英文的话,即便是编码不一致也不会出现乱码情况。)

你应该用记事本打开你的JS文件,然后点击“文件”--另存为--把编码改为“UTF-8”的编码,

这样就不会出现乱码了。

二、一个js方法中怎么调用另一个js文件

Js文件中调用其它Js函数的方法:\x0d\x0a1、例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢?\x0d\x0a首先,在html中引入b.js,并在之后加入引用语句。必须注意,将要引入的Js文件代码放在下面。\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a\x0d\x0ab.js文件中引入a.js,内容如下:\x0d\x0anew_element=document.createElement("script");\x0d\x0a\x0d\x0anew_element.setAttribute("type","text/javascript");\x0d\x0anew_element.setAttribute("src","a.js");//在这里引入了a.js\x0d\x0adocument.body.appendChild(new_element);\x0d\x0afunction b(){\x0d\x0a a();\x0d\x0a}\x0d\x0a\x0d\x0a在b.js文件中前4行代码中我们引入了a.js文件,并在第7行代码中调用了a.js代码中的a()方法。\x0d\x0a注意:一定要放在body下面。 \x0d\x0a因为在b.js中用到了body(document.body.appendChild(new_element);) \x0d\x0a如果将引如b.js的代码放在body上面,也就是说,进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。这时body不存在就会抛javascript错误。

三、如何引入一个 js文件

如果想用纯JS来实现,是没有办法的,提供两个方案

1.用JS来实现,但是需要自己手工把文件名列表弄出来,作为数据,如下

var files= ['文件名1‘,'文件名2','文件名3',...];//这个数组放该目录下的所有文件名

var dir='/path/to/your/directory/';//这里放对应的路径

for(var i=;0; i<files.lenght; i++){

var script= document.createElement('script');

script.type="text/javascript";

script.src= dir+ files[i]+".js";

document.getElementsByTagName('head')[0].appendChild(script);

}

2.第二种方法和一楼说的差不多,通过后端模板或者程序来遍历目录,把对应的文件都生成到html当中

四、javascript引入外部js文件

如果想用纯JS来实现,是没有办法的,提供两个方案

1.用JS来实现,但是需要自己手工把文件名列表弄出来,作为数据,如下

var files= ['文件名1‘,'文件名2','文件名3',...];//这个数组放该目录下的所有文件名

var dir='/path/to/your/directory/';//这里放对应的路径

for(var i=;0; i<files.lenght; i++){

var script= document.createElement('script');

script.type="text/javascript";

script.src= dir+ files[i]+".js";

document.getElementsByTagName('head')[0].appendChild(script);

}

2.第二种方法和一楼说的差不多,通过后端模板或者程序来遍历目录,把对应的文件都生成到html当中

文章分享结束,怎么引入js文件(三种办法)_js引入js文件和如何引入一个 js文件的答案你都知道了吗?欢迎再次光临本站哦!