怎么引入js文件(三种办法)

这篇具有很好参考价值的文章主要介绍了怎么引入js文件(三种办法)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一种:行内式

行内式是通过事件引入的(有限制性,每个标签都可以引入)

比如:

<body>
    <div id="box">box</div>
    //行内式:通过事件引入(有限制性)
    <div onclick="alert(1111)">11111</div>
</body>

第二种:外链式(从外面引进)

在下面单独引进js文件文章来源地址https://www.toymoban.com/news/detail-659270.html

<script src="11.js"></script>

第三种:内嵌式(可以写在任意地方,因为他是当页面所有资源都加载完再加载的)

<script>	
        //第三种
        // 当页面中所有的资源都加载完毕之后再加载
        window.onload=function(){
            var box=document.getElementById("box");
            console.log(box);
        } 
        
    </script>

到了这里,关于怎么引入js文件(三种办法)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【jspdf】前端html生成pdf的两种办法 以及 引入中文字体

    1、使用canvas把html生成图片,然后使用jspdf生成pdf。优点:生成的pdf 样式还原度极高,缺点:图片形式的pdf无法编辑 2、直接使用jspdf的html方法直接把html生成pdf。优点:可编辑,缺点:只是把文本内容搂出来生成pdf,也就是说样式基本无,而且jspdf不支持中文字体的,如果有中

    2024年02月10日
    浏览(47)
  • 引入JavaScript文件的5种方式

    在HTML文件中,可以使用以下5种方式引入JavaScript文件: 在HTML的 script 标签中直接编写JavaScript代码。 示例: 将JavaScript代码保存为一个独立的文件,并通过 src 属性链接到HTML文件中。 示例: 在HTML文件中使用 script 标签并将JavaScript代码放在其中,但不指定外部文件路径。 示例

    2024年01月21日
    浏览(38)
  • js引入json文件

    引入json文件有多种方法,这里记录一种方法: 1、有json文件 文件内容 2、上传到服务器获得url(也可以不上传) 获取url:“https://asc-test1.oss-cn-beijing.aliyuncs.com/2023/07/05/b1917481d4eb40628bc6d10113896d82taizhou.json” 也可以不上传到服务器,直接把文件放入项目 3、调用 引入axios 在create

    2024年02月15日
    浏览(38)
  • HTML 引入 JS 文件

    1、页头引入(head 标签内); 2、页中引入(body 标签内); 3、引入外部 JS 文件;

    2024年02月06日
    浏览(43)
  • uni-app小程序引入iconfont的三种方式详解(无需下载文件到项目)

    官网iconfont的引入方式有三种分别为: Unicode 、 Font class 、 Symbol , 其中已明确说明 Unicode、Font class 这两种引入方式 不支持多色 。 单色如何理解呐?具体请看效果对比图(左图为UI上传的图标样式,右边为我们使用这两种方式引入后不加任何样式的效果) 是不是很丑? 另外

    2024年02月09日
    浏览(84)
  • 小程序引入外部js文件

    util.js文件 调用 common.js文件 调用

    2024年02月11日
    浏览(39)
  • 前端引入字体文件

    上面使用的是方正大标宋字体。 首先我们需要有这个字体文件。 我目前的目录结构是: 全部代码为: 我们再看一下普通字体: 其实主要就是这几行: 好,就这样。

    2024年02月08日
    浏览(43)
  • 安卓手机怎么运行js脚本,手机的javascript怎么开

    大家好,小编为大家解答手机怎么启用javascript功能的问题。很多人还不知道安卓手机怎么运行js脚本,现在让我们一起来看看吧!         最近在研究c++与JavaScript的交互,有朋友问我安卓怎样与JavaScript交互,今天找到一个之前写的小demo,实现的是安卓webview里面的JavaScript和

    2024年01月23日
    浏览(50)
  • jQuery.js - 前端必备的Javascript库

    作者: WangMin 格言: 努力做好自己喜欢的每一件事 jQuery.js 是什么? jQuery是一个快速简洁、免费开源易用的JavaScript框架, 倡导写更少的代码,做更多的事情 。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操作DOM的API,优化HTML文

    2024年02月05日
    浏览(77)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包