怎么把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>

怎么把html页面中的JS函数,提取封装到一个JS中,直接在页面调用JS文件就...
1、在适当的文件夹中新建一个扩展名为js的文件,下面以html文件所在文件夹新建的js文件为例,如:func.js2、把html文件中的js函数剪切到新建的js文件中,然后保存js文件。注意:只是函数,函数的调用不在剪切范围3、在html文件的<head>..<\/head>之间添加代码 <script src="func.js" type="text\/javascript"><\/scr...

在html网页里怎么调用js文件中的函数
1、首先要引入js文件 <script src="js\/jquery-1.4.2.js"><\/script> 2、指定的元素调用js的方法 \/* 下面的例子是JQuery的方法调用 each遍历函数,mouseenter函数,find函数*\/ <script> (function () { (".course-side .big-course").each(function () { (this).mouseenter(function () { ...

求助:HTML点击按钮调用JS文件或者直接调用JS代码?
1.将这段代码保存到一个文件中,如下图所示。2.请注意,您可以使用任何文本工具创建js文件,但是在保存它时,您需要将其后缀为.js。3.将版本js文件保存为index.js。如果我们需要使用index。js。我们只需要调用它,不需要写一个新的js文件。4.在HTML的头部部分引入js文件,具体代码如下图所示。5.引...

HTML内如何调用JS函数
第一步,引入JS文件。可以通过在HTML文档中加入`

怎么在js文件中调用html里的js方法
首先要看你的.JS是不是导入到你所说的.HTML文件中,如果是的话,可以将导入.JS的语句写到.HTML文件的下面,这样.JS文件就可以调用.HTML里的方法;如果你所说的是.JS与.HTML都不是同一个页面,那么你就要使用某些方法将.HTML文件的内容导入到.JS文件这样才能引用,但还是要跟上面的方法一样,.HTML...

在html网页中怎样调用js文件?
准备两个文件,一个是你要调用的js文件,用记事本里面写上你要的js代码,我这里只做示例,就写个简单的弹窗alert("OK");保存成1.js。第二个文件html网页,用记事本写上<script type="text\/javscript" src="1.js"><\/script>保存成1.html文件。打开就可以了。注意一定要把扩展名显示出来才能改...

html里的js代码怎么改成外部js文件调用呢?
1,新建一个js文件,将html中<script><\/script>之前的代码全部选中剪切到该js文件中。如下这个案例,就只剪切其中的alert("测试")。<script> alert("测试");<\/script>2,在html中添加js文件调用代码,示例如下:<script src="这里是js文件的路径"><\/script> ...

这段HTML代码怎么将其中的JS段落分离出来,单独作为一个JS文件表达
你要先引入一个jquery得类库文件,代码如下(放在head中)<script type="text\/javascript" src=" http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4\/jquery.min.js"><\/script> 然后你的test.js文件这样写 \/\/--js开始--- (document).ready(function(){ (".span1").click(function(){ ("#...

在html网页里怎么调用js文件中的函数
具体看是用的什么事件,举个简单的例子,例如鼠标单击事件下例: 就是这个名为每次加1按钮的onclick的点击事件调用aclick()函数,使文本框每次都+1 <script> function aclick(){ document.getElementById("txt1").value+=1;} <\/script> <html> <input type="text" value="1" id="txt1"\/>...

为了好看,把js代码复制后单独做成一个js文件,然后就不能显示了
通常来说不会有问题,我估计是js文件引入顺序有问题,工具库需要先引入,然后才能引入你剥离出来的js文件,另外,script放在body末尾再引入,以免DOM未挂载导致的ID无法查找。如果再有问题,请贴控制台保存代码

相似回答