怎么引入(调用)一个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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
javascript Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
Sep 15 Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
jQuery内容过滤选择器用法示例
Sep 09 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
vue-router权限控制(简单方式)
Oct 29 Javascript
VuePress 静态网站生成方法步骤
Feb 14 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
vue项目配置sass及引入外部scss文件
Apr 14 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
分享常见的几种页面静态化的方法
2015/01/08 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
javascript 树形导航菜单实例代码
2013/08/13 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
详解React+Koa实现服务端渲染(SSR)
2018/05/23 Javascript
vue3.0实现插件封装
2020/12/14 Vue.js
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
Python手机号码归属地查询代码
2016/05/04 Python
python 实现tar文件压缩解压的实例详解
2017/08/20 Python
Python创建对称矩阵的方法示例【基于numpy模块】
2017/10/12 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
Python通过字典映射函数实现switch
2020/11/06 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
携程英文网站:Trip.com
2017/02/07 全球购物
ORACLE十问
2015/04/20 面试题
日期和时间问题
2015/01/04 面试题
PyQt 如何创建自定义QWidget
2021/03/24 Python
社区网格化管理实施方案
2014/03/21 职场文书
我的教育故事演讲稿
2014/05/04 职场文书
活动总结书
2014/05/08 职场文书
出国留学单位推荐信
2015/03/26 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
转变工作作风心得体会
2016/01/23 职场文书
《中华上下五千年》读后感3篇
2019/11/29 职场文书
Python 内置函数速查表一览
2021/06/02 Python
Python内置数据结构列表与元组示例详解
2021/08/04 Python