怎么引入(调用)一个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 相关文章推荐
eval与window.eval的差别分析
Mar 17 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
js实现一键复制功能
Mar 16 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
JavaScript结合HTML DOM实现联动菜单
Apr 05 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
vue观察模式浅析
Sep 25 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
Nov 10 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
php依赖注入知识点详解
2019/09/23 PHP
Laravel5.5 实现后台管理登录的方法(自定义用户表登录)
2019/09/30 PHP
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
uploadify在Firefox下丢失session问题的解决方法
2013/08/07 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
2019/07/18 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
Python常用知识点汇总
2016/05/08 Python
Python实现二维数组输出为图片
2018/04/03 Python
Python装饰器用法实例总结
2018/05/26 Python
对numpy中shape的深入理解
2018/06/15 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
电子工程专业毕业生求职信
2014/03/14 职场文书
商场促销活动总结
2014/07/10 职场文书
高一学年自我鉴定范文(3篇)
2014/09/26 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
焦点访谈观后感
2015/06/11 职场文书
建筑工程挂靠协议书
2016/03/23 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书