怎么引入(调用)一个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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
js面试题之异步问题的深入理解
Sep 20 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
用JS创建一个录屏功能
Nov 11 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+mysqli数据库连接的两种方式
2015/01/28 PHP
php中return的用法实例分析
2015/02/28 PHP
PHP静态成员变量
2017/02/14 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
JS实现的多张图片轮流播放幻灯片效果
2016/07/22 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
BetterScroll 在移动端滚动场景的应用
2017/09/18 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
如何在 Vue 表单中处理图片
2021/01/26 Vue.js
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
[54:33]2018DOTA2亚洲邀请赛小组赛 A组加赛 Liquid vs Optic
2018/04/03 DOTA
Python爬取国外天气预报网站的方法
2015/07/10 Python
python Opencv将图片转为字符画
2021/02/19 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
python set内置函数的具体使用
2019/07/02 Python
python和go语言的区别是什么
2020/07/20 Python
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
法国体育用品商店:GO Sport
2019/10/23 全球购物
印刷工程专业应届生求职信
2013/09/29 职场文书
医院院务公开实施方案
2014/05/03 职场文书
收银员岗位职责
2015/02/03 职场文书
严以用权学习心得体会
2016/01/12 职场文书
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python