怎么引入(调用)一个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 相关文章推荐
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
JavaScript数组方法大全(推荐)
Jul 05 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
angular之ng-template模板加载
Nov 09 Javascript
js生成word中图片处理方法
Jan 06 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 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
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
openPNE常用方法分享
2011/11/29 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
js停止输出代码
2008/07/20 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
Jquery实现由下向上展开效果的例子
2014/12/08 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
js+css实现超简洁的二级下拉菜单效果代码
2015/09/07 Javascript
JavaScript中数组的合并以及排序实现示例
2015/10/24 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
Python列表append和+的区别浅析
2015/02/02 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
Python reques接口测试框架实现代码
2020/07/28 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
一份婚庆公司创业计划书
2014/01/11 职场文书
家庭教育先进个人事迹材料
2014/01/24 职场文书
公司联欢会策划方案
2014/05/19 职场文书
党支部综合考察意见
2015/06/01 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python