怎么引入(调用)一个JS文件

更新时间：2016年05月26日 11:38:15 作者：allback

这篇文章主要介绍了引入(调用)一个JS文的方法，非常不错介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧

我们旺旺需要调用别的 js文件。怎么处理？

看随机抽取这个例子。在一个页面中如下：

<html>
<head>
<title>random number</title>
<script type="text/javascript">
//随机抽取人名 </script>
</head>
<body>
<form>
<input type="button" style='font-size:40px' value="Start" onclick="start()">
<input type="button" style='font-size:40px' value="Stop" onclick="stop();">
</form>
<br>&nbsp;&nbsp;&nbsp;&nbsp;
<font color="blue" style='font-size:150px' id="num"></font>
<br>
</body>
</html>

我们可以把 js 放在另外一个文件里，比如当前文件夹的 a.js 中。

这样 html 页面如下：

<html>
<head>
<title>random number</title>
<script type="text/javascript" src="a.js">
</script>
</head>
<body>
<form>
<input type="button" style='font-size:40px' value="Start" onclick="start()">
<input type="button" style='font-size:40px' value="Stop" onclick="stop();">
</form>
<br>&nbsp;&nbsp;&nbsp;&nbsp;
<font color="blue" style='font-size:150px' id="num"></font>
<br>
</body>
</html>

a.js

var errorString = "Please input a positive integer.";
var arr = ["A", "B", "C", "D"];
function count() {
max = arr.length; //max， 全局变量
document.getElementById("num").innerHTML = arr[parseInt(max * Math.random())];
}
function start()
{
timeId = setInterval("count();", 100);
}
function stop() {
clearInterval(timeId);
}

这样就行了。

当然，也可以把 a.js放在web上，然后引用成下面这样。

<html>
<head>
<title>random number</title>
<script type="text/javascript" src="http://localhost:8080/test/js/random1.js"></script>
</head>
<body>
<form>
<input type="button" style='font-size:40px' value="Start" onclick="start()">
<input type="button" style='font-size:40px' value="Stop" onclick="stop();">
</form>
<br>&nbsp;&nbsp;&nbsp;&nbsp;
<font color="blue" style='font-size:150px' id="num"></font>
<br>
</body>
</html>

以上所述是小编给大家介绍的引入(调用)一个JS文件的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持

您可能感兴趣的文章:

利用js编写响应式侧边栏
这篇文章主要为大家详细介绍了利用js编写响应式侧边栏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
详解PHP中pathinfo()函数导致的安全问题
这篇文章主要给大家介绍了PHP中pathinfo()函数导致的安全问题,文中给出了详细的介绍与示例代码，相信对大家的理解和学习具有一定的参考借鉴价值，需要的朋友可以参考下，下面来一起看看吧。
2017-01-01
JS如何理解data URL
这篇文章主要介绍了JS如何理解data URL，对data URL感兴趣的同学，可以参考下
2021-04-04
JavaScript Base64 作为文件上传的实例代码解析
这篇文章主要介绍了JavaScript Base64 作为文件上传的实例代码解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-02-02
微信小程序可滑动周日历组件使用详解
这篇文章主要为大家详细介绍了微信小程序可滑动周日历组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
JavaScript驾驭网页－DOM
这篇文章主要介绍了JavaScript驾驭网页－DOM的相关资料,需要的朋友可以参考下
2016-03-03
js实现坦克移动小游戏
这篇文章主要为大家详细介绍了js实现坦克移动小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
Bootstrap整体框架之CSS12栅格系统
这篇文章主要介绍了Bootstrap整体框架之CSS12栅格系统的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
javascript利用键盘控制小方块的移动
这篇文章主要为大家详细介绍了javascript利用键盘控制小方块的移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-04-04
antDesign 自定义分页样式的实现代码
这篇文章主要介绍了antDesign 自定义分页样式的实现代码，这里用到了自定义指令,如果大家用不到可以按照自己的实际效果开发,本文通过实例代码给大家详细讲解，需要的朋友可以参考下
2022-10-10