怎么引入(调用)一个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 相关文章推荐
Javascript 事件流和事件绑定
Jul 16 Javascript
Javascript 设计模式(二) 闭包
May 26 Javascript
jquery ajax属性async(同步异步)示例
Nov 05 Javascript
jquery 通过name快速取值示例
Jan 24 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 Vue.js
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
PHP学习笔记之一
2011/01/17 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
PHP-FPM运行状态的实时查看及监控详解
2016/11/18 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
jQuery 位置插件
2008/12/25 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
js 声明数组和向数组中添加对象变量的简单实例
2016/07/28 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python中日期和时间格式化输出的方法小结
2015/03/19 Python
浅谈Python中函数的参数传递
2016/06/21 Python
Python 文件操作的详解及实例
2017/09/18 Python
浅谈Python中的bs4基础
2018/10/21 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
战略合作意向书范本
2014/04/01 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
诉讼和解协议书
2016/03/23 职场文书
SpringBoot SpringEL表达式的使用
2021/07/25 Java/Android
Python办公自动化解决world文件批量转换
2021/09/15 Python
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏