怎么引入(调用)一个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 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
JavaScript正则表达式的分组匹配详解
Feb 13 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
巧用Javascript的逻辑运算符
Dec 02 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
JavaScript模板引擎应用场景及实现原理详解
Dec 14 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 Javascript
小程序实现列表倒计时功能
Jan 29 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性能的21种方法介绍
2013/06/25 PHP
PHP发送AT指令实例代码
2016/05/26 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
php中数组最简单的使用方法
2020/12/27 PHP
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
一个不错的仿携程自定义数据下拉选择select
2014/09/01 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
JQuery跳出each循环的方法
2015/04/16 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
jQuery按需加载轮播图(web前端性能优化)
2017/02/17 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
解决layer弹出层中表单不起作用的问题
2019/09/09 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
2020/02/23 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
Python 开发Activex组件方法
2009/11/08 Python
python使用urllib模块开发的多线程豆瓣小站mp3下载器
2014/01/16 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
python爬取网易云音乐评论
2018/11/16 Python
基于python使用tibco ems代码实例
2019/12/20 Python
python实现学生成绩测评系统
2020/06/22 Python
应聘编辑职位自荐信范文
2014/01/05 职场文书
小学生暑假家长评语
2014/04/17 职场文书
超市工作总结范文2014
2014/12/19 职场文书
课外活动总结
2015/02/04 职场文书
2015年复活节活动总结
2015/02/27 职场文书
撤诉状格式范本
2015/05/19 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫