当前位置: 首页 > 编程笔记 >

怎么引入(调用)一个JS文件

云煌
2023-03-14
本文向大家介绍怎么引入(调用)一个JS文件,包括了怎么引入(调用)一个JS文件的使用技巧和注意事项,需要的朋友参考一下

我们旺旺需要调用别的 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>&nbsp;&nbsp;&nbsp;&nbsp;
<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>&nbsp;&nbsp;&nbsp;&nbsp;
<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>&nbsp;&nbsp;&nbsp;&nbsp;
<font color="blue" style='font-size:150px' id="num"></font>
<br>
</body>
</html>

以上所述是小编给大家介绍的引入(调用)一个JS文件的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持

 类似资料:
  • 本文向大家介绍在js文件中引入(调用)另一个js文件的三种方法,包括了在js文件中引入(调用)另一个js文件的三种方法的使用技巧和注意事项,需要的朋友参考一下 比如我写了一个JS文件,这个文件需要调用另外一个JS文件,该如何实现呢?下面就总结下在js文件中引入另一个js文件的实现 方法一,在调用文件的顶部加入下例代码 注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同

  • rank ▲ ✰ vote url 16 789 431 938 url 怎么用引用来改变一个变量? Python的文档对参数传递的是值还是引用没有明确说明,下面的代码没有改变值Original class PassByReference: def __init__(self): self.variable = 'Original' self.Change(

  • 本文向大家介绍怎么下载一个zip文件?相关面试题,主要包含被问及怎么下载一个zip文件?时的应答技巧和注意事项,需要的朋友参考一下 a标签加属性 文件流的方式 注意:Bolb的方式构建完 blob 对象后才会转换成文件,所以尽量使用a标签的形式进行下载

  • 如图所示在html页面,通过script标签引入的publickKey文件 这里面需要发送get请求,请求服务器上一份加密key,然后在引入的其他js文件中使用 所以我需要确保 先拿到get请求的结果,再走下一个js 文件中的内容 publickKey.js 中用了 asynac await 但是还是先执行了下面的js 文件,导致没有拿到key , 现在需要先拿到get请求的结果,再走下一个js

  • vue3 cdn引入怎么使用组件?

  • 问题内容: 我想调用一个在second.js文件的first.js文件中定义的函数。这两个文件都在HTML文件中定义,例如: 我想打电话给在定义中。根据我的搜索结果,答案是首先定义是否可以,但是根据我的测试,我没有找到任何方法。 这是我的代码: 问题答案: 除非在同一文件中定义了该函数,或者在尝试调用该函数之前已加载了该函数,否则无法调用该函数。 除非函数的范围与尝试调用该函数的范围相同或更大,否