HTML调用Js文件

最新推荐文章于 2023-12-27 21:39:34 发布
最新推荐文章于 2023-12-27 21:39:34 发布
阅读量2.3k 收藏 4
点赞数 2

如果我们需要调用别的 js文件。怎么处理？


看随机抽取这个例子。在一个页面中如下：


<html>
<head>
<title>random number</title>
<script type="text/javascript"> 


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);
    }
</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>    
        <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>    
        <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>    
        <font color="blue" style='font-size:150px' id="num"></font>
    <br>
</body>
</html>


Crystal_lpx
关注
html静态页面调用php文件的方法
10-25
尽管HTML本身不支持直接调用PHP文件，但我们可以通过JavaScript或者利用AJAX技术间接调用PHP文件，并将PHP文件执行的结果嵌入到HTML页面中。 首先，可以通过简单的JavaScript实现静态页面对PHP文件的调用。例如，...
（二）js在html中调用的三种方式
weixin_57244464的博客
07-10 8415
将 js代码 引入 html 的三种方式
【无标题】
最新发布
qq_39609284的博客
12-27 1638
使用<script></script>标签而<script>标签仅可放在body和head中。
❗HTML引入JavaScript的三种常用方式汇总❗
热门推荐
YXXXYX的博客
10-13 6万+
引言 JavaScript是一门脚本语言，虽然名字里有Java，但是和Java没有一点关系，它原名是LiveScript；现在的前端JavaScript可以说是异常火爆，但是博主本人并不准备向前端发展，但是对前端的一些基础知识还是必须有所了解的； 上一篇博客：❗HTML引入CSS的三种常用方式汇总❗ 已经介绍了HTML嵌入CSS的三种方式，这里就来介绍HTML如何嵌入JavaScript； ps：由于作者规划以后往java后端发展，所以对于前端的知识只是了解了部分主要内容，以应用为主，所以如果有错误请各位及
在HTML文档中使用JavaScript的方法详解
cnds123的专栏
01-03 1万+
本文详解在HTML文档（也称为HTML页面或网页）中使用JavaScript脚本代码的多种方式。
如何在html中调用JS文件
bahui5341的博客
07-21 2089
一、JavaScript脚本语言的特性JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。2、面向对象。具有内置对象，也可以直接操作浏览器对象。3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。5、只...
在html中引入外部js文件,并调用带参函数的方法
10-21
通常，HTML文件（如`test.html`）和JavaScript文件（如`a.js`）会放在同一个目录下，或者JavaScript文件位于一个专门存放脚本的子目录中。这样的组织方式有利于管理和引用资源。 接下来，我们编写`a.js`文件，这是...
HTML调用JS实现多项滑动门选项卡特效
04-28
HTML调用JS实现多项滑动门选项卡特效是一种常见的前端技术，用于创建交互式和动态的网页内容。这种效果常用于导航菜单、内容切换、图片展示等场景，为用户提供更直观的操作体验。以下是对这个技术的详细解释： 一、...
ThinkPHP里用U方法调用js文件实例
10-24
在ThinkPHP中，U方法是一个非常实用的工具，它主要用于生成项目的URL，同时在模板文件中进行调用时可以用来简化资源文件（如JavaScript文件）的路径生成。本文将详细介绍在ThinkPHP框架中使用U方法调用JavaScript...
怎么引入(调用)一个JS文件
10-22
首先，我们要知道JavaScript文件（通常以.js为扩展名）包含可执行的代码，这些代码可以被HTML页面中引用。引入JavaScript文件的好处包括：代码重用、便于维护、提高页面加载速度等。 1. 引入JavaScript文件的方法...
javascript调用exe文件，弹出系统软键盘
07-16
5. **示例代码**：在提供的`index2.html`文件中，可能包含了如何在网页中使用JavaScript调用EXE文件的示例代码。分析这个文件，可以更直观地了解这一过程。 综上所述，JavaScript调用EXE文件并弹出系统软键盘涉及了...
Chatgpt JS调用 HTML版
05-08
1.JS调用openAI接口 2.本地网页文件版打开即用 3.有自己openAI口令的最好换成自己的
HTML炫酷时钟 动态 js调用
09-04
3. script.js - JavaScript文件，包含了获取和更新时间的逻辑，以及可能的动画效果。 使用这些文件，开发者可以将炫酷时钟集成到自己的网页项目中。只需将HTML文件引用的CSS和JS文件路径正确设置，确保它们能在网页...
一个Js文件函数中调用另一个Js文件函数的方法演示
10-19
在JavaScript编程中，有时我们需要在一个JS文件中的函数调用另一个JS文件中的函数，尤其是在大型项目中，为了代码的模块化和可维护性，文件分隔是常见的做法。然而，直接在HTML中通过`<script>`标签引入的JS文件通常...
移动端调用相机js文件.rar
12-24
本案例将详细介绍如何通过JavaScript（JS）文件在H5页面上实现在移动端调用设备相机进行图片上传。 首先，我们需要理解HTML5中的`<input type="file">`标签，它是实现文件选择和上传的基础。通过设置`accept`属性，...
html调用js的方法
xiaoweids的博客
06-19 1万+
转自：微点阅读 https://www.weidianyuedu.com JavaScript一种直译式脚本语言。它具有功能强大和简单易用两个特征。下面是微点阅读小编为您带来的hlookup函数的使用方法，希望对大家有所帮助。　　html调用js方法　　一、JavaScript脚本语言的特性　　JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：　　1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。　　2、面向对象。具有内置对象，也可以直接操作浏览
HTML 引入 JS 文件
weixin_46774901的博客
03-28 6524
1、页头引入（head 标签内）；2、页中引入（body 标签内）；3、引入外部 JS 文件；
HTML面试题整理
weixin_46656013的博客
05-24 526
html面试题整理
html调用本地js文件的示例
04-16
以下是一个HTML文件调用本地JavaScript文件的示例： ```html <!DOCTYPE html> <html> 调用本地JS文件示例 <script src="path/to/your/local/js/file.js"> <!-- 在这里使用您的JavaScript代码 --> </html> ``...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值