怎么把html页面中的JS函数,提取封装到一个JS中,直接在页面调用JS文件就可以了???

如题所述

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、将html中的函数封装到index.js文件中。

3、在index.html中的<script>标签,引入提取封装的js文件,并输入调用的js代码:fun2();fun1();。

4、浏览器运行index.html页面,此时成功调用了外部js文件中的函数打印出了结果。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-12-16
1、在适当的文件夹中新建一个扩展名为js的文件,下面以html文件所在文件夹新建的js文件为例,如:func.js
2、把html文件中的js函数剪切到新建的js文件中,然后保存js文件。注意:只是函数,函数的调用不在剪切范围
3、在html文件的<head>..</head>之间添加代码 <script src="func.js" type="text/javascript"></script>,然后保存html文件追问

function check() {
var age1 = /^\d+$/;
if(!age1.test(formid.age.value))
{
alert('年龄只能是数字!');
formid.age.focus();
formid.age.value="";
return false;
}
}
把类似的这些代码全部弄到一个JS文件里就可以了?不需要改什么了么?

追答

是的,不需要修改。只要把以 function xxx(){ 开始,前和它配对的 } 为结束,这些代码剪切过去就可以。

本回答被提问者和网友采纳
第2个回答  2012-09-03
将<script></script>中间的js代码直接提取到一个新建立的temp.js中。
然后在页面中<script language="javascript" type="text/javascript" src="所在路径/temp.js"></script>
所在路径可以是相对路径,也可以是从/开始的绝对路径。
第3个回答  2012-09-03
嗯,在html标签里添加
<script text="javascript"><src=example.js></script>
相似回答