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


Posted in Javascript onMay 26, 2016

我们旺旺需要调用别的 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>    
<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>    
<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>    
<font color="blue" style='font-size:150px' id="num"></font>
<br>
</body>
</html>

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

Javascript 相关文章推荐
js 函数的执行环境和作用域链的深入解析
Nov 01 Javascript
Jquery 获取checkbox的checked问题
Nov 16 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
Sep 05 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
原生JS实现无缝轮播图片
Jun 24 Javascript
JS加载器如何动态加载外部js文件
May 26 #Javascript
jquery获取复选框的值的简单实例
May 26 #Javascript
改变checkbox默认选中状态及取值的实现代码
May 26 #Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 #Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 #Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
May 26 #Javascript
jquery获取所有选中的checkbox实现代码
May 26 #Javascript
You might like
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
PHP 存取 MySQL 数据库的一个例子
2006/10/09 PHP
php计算整个目录大小的方法
2015/06/19 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
javascript禁用Tab键脚本实例
2013/11/22 Javascript
简单实现JS对dom操作封装
2015/12/02 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Python实现的Kmeans++算法实例
2014/04/26 Python
python求解水仙花数的方法
2015/05/11 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
Python多线程获取返回值代码实例
2020/02/17 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
行政助理岗位职责
2013/11/10 职场文书
播音主持女孩的自我评价分享
2013/11/20 职场文书
女大学生个人求职信
2013/12/09 职场文书
职业规划书如何设计?
2014/01/09 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
关于安全演讲稿
2014/05/09 职场文书
学校花圃的标语
2014/06/18 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
入伍通知书
2015/04/23 职场文书
民事代理词范文
2015/05/25 职场文书
springBoot基于webSocket实现扫码登录
2021/06/22 Java/Android
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android