如何引入（调用）一个 js文件

最新推荐文章于 2024-05-09 10:39:03 发布
最新推荐文章于 2024-05-09 10:39:03 发布
阅读量1.1k 收藏 1
点赞数 1
文章标签： 文件 调用 如何
原文地址为： 如何引入（调用）一个 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" οnclick="start()">
        <input type="button" style='font-size:40px' value="Stop" οnclick="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" οnclick="start()">
        <input type="button" style='font-size:40px' value="Stop" οnclick="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" οnclick="start()">
        <input type="button" style='font-size:40px' value="Stop" οnclick="stop();">
    </form>
        <br>&nbsp;&nbsp;&nbsp;&nbsp;
<font color="blue" style='font-size:150px' id="num"></font>
    <br>
</body>
</html>

Ok


转载请注明本文地址： 如何引入（调用）一个 js文件
dearbaba_8520
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于引入 js 文件
iteval
09-24 6721
一、说说 script 标签的几个常用属性 async 表示立即下载该 js 文件，但不妨碍页面中的其他操作（只对外部 js 文件有效） defer 表示该 js 文件可以延迟到整个页面被解析并显示之后再执行（只对外部 js 文件有效） src 指定要引入的 js 文件路径 type 是 language 的替代属性，表示当前脚本的类型，如 text/javascript | text/babel 二、引入 js 文件 正常引入 <script src="./js/routerList.js"
引入js文件
Vinsmoker_Sanji的博客
08-28 3618
一般的我们有三种方法引入，行内式，内嵌式，外链式； 1.行内式：顾名思义就是把js内容写进html元素里面，点击按钮会在控制台打印出来 <body> <!-- 行内js引入 --> <input type="button" name="button" id="" value="点一下" / onclick="console.log('我是好人')"> </body> 2.内嵌式：将js代码写在script.
Js引入js三种方法
最新发布
qq_52700250的博客
05-09 1301
【代码】Js引入js三种方法
怎么引入js文件（三种办法）
热门推荐
weixin_62127171的博客
08-14 2万+
第一种：行内式 行内式是通过事件引入的（有限制性，每个标签都可以引入） 第二种：外链式（从外面引进） 第三种：内嵌式（可以写在任意地方，因为他是当页面所有资源都加载完再加载的）......
js的引入方式
m0_62843289的博客
05-19 1181
外部引入方式：将JavaScript代码写在一个单独的.js文件中，使用<script>标签引入该文件，放在HTML文件的<head>或<body>标签中，但是使用defer或async属性可以让浏览器异步加载JavaScript文件，提高页面加载速度。内部引入方式：将JavaScript代码写在一个单独的.js文件中，使用<script>标签引入该文件，放在HTML文件的<head>或<body>标签中。
js文件动态引入
05-30
js文件动态引入O(∩_∩)O哈哈~,根据程序运行不同状态动态引入不同js
怎么引入(调用)一个JS文件
10-22
主要介绍了引入(调用)一个JS文的方法，非常不错介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
在js文件中引入（调用）另一个js文件的三种方法
01-19
下面就总结下在js文件中引入另一个js文件的实现 方法一，在调用文件的顶部加入下例代码 function addScript(url){ [removed]([removed][removed]); } 注：有时你引用的文件还可能需要引用其他的js,我们需要将需要...
一个Js文件函数中调用另一个Js文件函数的方法演示
01-19
例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。若要实现这个功能，必须注意，将要引入的Js文件代码放在</body>下面。 　首先，我们在html中...
前端引入外部 js文件
前端学习笔记
03-31 4791
这是最简单的方法，不过想来不是你想要的方法，因为这种方法在项目加载时就会引入，你可能需要在不同环境下判断是否需要引入，比如微信中引入，钉钉中不引入等。所以还有其它方法来引入。只能引入静态文件，外部文件是无法引入的。不过你可以将文件下载下来引入，这也是一种解决办法。你可以在引入前添加判断条件，来决定是否要引入。文件，专门用来写这类内容。
.js文件中是可以调用所引入页面上声明的js方法的
yuanyuan05的专栏
01-21 483
现有a页面 a页面有 function  c(){} 方法 a页面引入了b.js文件 b.js文件中是可以调用 function c(){} 方法的
引入JavaScript文件的4种方式
heshihu2019的博客
12-09 4716
请注意，以上引入方式可以单独使用，也可以组合使用，根据实际需求选择合适的方式。标签并将JavaScript代码放在其中，但不指定外部文件路径。将JavaScript代码保存为一个独立的文件，并通过。标签中直接编写JavaScript代码。属性来控制脚本的加载和执行时机。// JavaScript代码。// JavaScript代码。属性链接到HTML文件中。使用JavaScript的。在HTML文件中使用。方法来动态创建和插入。
引入js文件的几种方式
qq_26747571的博客
12-15 1358
1. 页面中直接引用 复制代码 代码如下: 2.动态写入页面 复制代码 代码如下: document.write('') document.write('') 3.模拟包含函数 复制代码 代码如下: function include(path){ var a=document.createElement("script")
动态引进js文件
05-03 107
在项目中遇到一个这样的问题。即：进行登录以后才引进并执行一个外部的js文件。代码如下： //动态引进js,登录成功后引入holdSession.js function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/...
如何使用 JavaScript
向往的那片海洋
11-02 322
如何使用 JavaScript 在 HTML 中如何使用 JavaScript ，提供了 <script> 元素。 方式： 使用 <script> 元素进行内联编写 使用src 外链 JavaScript 文件 利用<script>(脚本) 元素 作用：引入/嵌入脚本语言 属性： type = "text/javascript"：(新) 表示当前使用的是 JavaScript 语言 language = "Javascript"：(旧) 表示当前使用的是 Java
JS的使用
wychh85的博客
01-03 4303
一、如何使用JS代码： 使用之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。二、引用JS外部文件： 标签在HTML文件中添加JavaScript代码，HTML文件和JS代码可以分开，HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。三、JS在页面中的位置： 将JavaScript代码放在html文件中任何位置， javascript作为
js的基本使用
2301_76252251的博客
02-24 468
js基本语法，基本囊括了所有，学会及入门，从浅入深，循序渐进
js的三种使用方法,js的使用方式
chatgpt002的博客
10-22 2549
JavaScript是一种网页编程技术，经常用于创建动态交互网页JavaScript是一种基于对象和事件驱动的解释性脚本语言，类似C语言和Java的语法事先不编译；逐行执行；无需进行严格的变量声明；内置大量现成对象，编写少量程序可以完成目标不同的浏览器甚至同一浏览器的不同版本对JavaScript的支持程度都不一样使用 function 指令定义。其属性用“this.属性名”定义。如： function ObjectName(yName,yAge) { this.name = yName;
在js文件中引入（调用）另一个js文件的代码
03-28
可以使用如下的代码在一个js文件中引入（调用）另一个js文件： ```javascript // 引入另一个js文件 document.write('<script src="path/to/other-file.js"></script>'); // 调用另一个js文件中的函数 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值