JavaScript如何引入脚本文件？

最新推荐文章于 2024-06-09 19:30:00 发布
最新推荐文章于 2024-06-09 19:30:00 发布
阅读量764 收藏
点赞数
分类专栏： web前端 编程程序 IT行业
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qf2019/article/details/117224529
版权
IT行业 同时被 3 个专栏收录
1964 篇文章 6 订阅
订阅专栏
编程程序
1099 篇文章 1 订阅
订阅专栏
web前端
723 篇文章 8 订阅
订阅专栏

JavaScript脚本文件的引入方式和CSS样式文件类似。在HTML文档中引入JavaScript文件主要有三种，即行内式、嵌入式、外链式。接下来，我们将对JavaScript的三种引入方式做详细讲解。
　　1. 行内式
　　行内式是将JavaScript代码作为HTML标签的属性值使用。例如，单击“test”时，弹出一个警告框提示“Happy”，具体示例如下：

JavaScript还可以写在HTML标签的事件属性中，事件是JavaScript中的一种机制。例如，单击网页中的一个按钮时，就会触发按钮的单击事件，具体示例如下：

上述代码实现了单击“test”按钮时，弹出一个警告框提示“Happy”。
　　值得一提的是，网页开发提倡结构、样式、行为的分离，即分离HTML、CSS、JavaScript三部分的代码。避免直接写在HTML标签的属性中，从而有利于维护。因此在实际开发中并不推荐使用行内式。
　　2. 嵌入式
　　在HTML中运用

重庆千锋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何在一个 JavaScript 文件中引入另一个 JavaScript 文件
Jerry学长
05-28 1325
在早期版本的 JavaScript 中，没有提供原生的模块导入功能，因此开发者们尝试过各种不同的方法来解决这个问题。然而，自 2015 年 (ES6) 以来，JavaScript 引入了标准，这使得在 Node.js 中导入模块变得更加规范。现代浏览器也广泛支持这一标准。为了与旧版浏览器兼容，可以使用例如和这样的构建工具，或使用这样的转译工具。
scriptcat:脚本猫
03-18
脚本猫 脚本猫 脚本猫，用于在后台中运行用户脚本。 提供了一个用户脚本的运行框架，可编写crontab类型的任务在后台沙盒中运行，每天通过脚本定时处理事务。可用于自动签到，定时提醒等功能。 特性 通过沙盒机制确保了用户的安全，用户确定后才会给脚本授予权限。 优秀的编辑器，并提供了API的自动补全机制 同步的API，让脚本编写更加流畅
JavaScript常用脚本汇总（一）
12-08
jquery限制文本框只能输入数字 jquery限制文本框只能输入数字,兼容IE、chrome、FF（表现效果不一样）,示例代码如下： 代码如下: $(“input”).keyup(function(){ //keyup事件处理    $(this).val($(this).val().replace(/\D|^0/g,”)); }).bind(“paste”,function(){ //CTR+V事件处理    $(this).val($(this).val().replace(/\D|^0/g,”)); }).css(“ime-mode”, “disabled”); //CSS设置输入法
js导入外部脚本文件
weixin_30399055的博客
03-22 342
JS语言没找到导入外部脚本文件的功能，只能通知宿主程序来处理。 function include(path){ var a=document.createElement("script"); a.type = "text/javascript"; a.src=path; var head=document.getElementsByTagName("head")[0]; head.app...
JS（JavaScript）的引用方式介绍与代码演示
分享式获得也是一种学习的态度
06-09 1484
js全程JavaScript，由Netflix开发的客户端脚本语言，不需要编译，可以直接运行。
js中 动态插入html脚本
alenejinping的专栏
05-19 610
正确方法： var DivHtml ="<div id='fwbw' name='fwrb' className='active'>1223</div>"; $("#fwbxm").html(fwbxmDivHtml); 错误：都不起作用 $("#jyfwb").innerHtml= fwbxmDivHtml; $("#jyfwb").innerHTML= fwbxmDivHtml;
js 如何手动插入 js 脚本
艾斯比
05-18 1412
通过创建 script 元素, 可以异步插入 js 脚本 // 创建 script 元素对象 let script = document.createElement("script"); // 设置 src 属性 script.src = "https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"; // 将 script 元素对象赋值给 body 元素的子元素 document.querySelector('body').append
js系列 -- 脚本引入
LYC1498165445的专栏
10-16 694
在HTML中使用js：一共有两种方式，一种是引入外部脚本，一种是使用嵌入脚本。 外部脚本的引入可以放在head标签中，也可以放在body中，二者只是脚本加载的时机不同。 嵌入脚本也一样。 同时在body中引入脚本要注意可能在需要执行脚本代码的时候，脚本还未加载。 如下面例子中，如果把外部脚本的引入放在body元素内容最后面，在执行中的lyc()时，脚本还未加载，因此不能正常执行。(建议将脚
SiteServer SSCMS 学习JavaScript脚本文件
03-25
在SiteServer SSCMS（SiteServer内容管理系统）中，JavaScript脚本文件起着至关重要的作用，帮助开发者创建用户友好的界面和高效的工作流程。在这个学习资料包中，XC91可能包含了多个JavaScript文件，这些文件可能...
JavaScript获取当前运行脚本文件所在目录的方法
10-22
有时候，开发者需要获取当前正在执行的JavaScript脚本文件所在的目录路径，这对于动态文件路径构建或者执行目录特定操作具有重要意义。本文将详细介绍如何使用JavaScript获取当前脚本文件所在目录的方法，并探讨其...
如何动态加载外部Javascript文件
10-23
动态加载外部JavaScript文件是一种常用的技术手段，它允许在不重新加载整个页面的情况下，动态地将JavaScript文件添加到网页中。这对于提高页面加载速度、按需加载资源、减少初始加载时间等方面非常有效。 在介绍...
js脚本 处理js注入
weixin_34010949的博客
04-14 268
为什么80%的码农都做不了架构师？>>> ...
javascript--之后简称JS-1-引入解释型脚本JS的3方法
weixin_47295886的博客
07-19 273
规则： 使用分号结束 大小写区分 使用英文的 由表达式、关键字、运算符号 注释：// 多行：/**/ 快捷键ctrl+/
动态添加js脚本
qq_41431098的博客
08-25 989
第一步:动态创建一个script元素 letscript=document.createElement('script'); 第二步:设置script元素的src属性 script.src='xxx.xx.xx'; 第三步:将script元素添加到head元素中 document.head.appendChild(script); 注意点1:默认情况下，以这种方式创建的<script>元素是以异步方式加载的，相当于添加了async属性，不过这样做可能可能会有问题，...
JavaScript 优先使用外部引用脚本方式
Java_Warplane的博客
05-30 2325
关于推荐使用外部引用脚本的方式的原因：1、可维护性：把js脚本文件统一放在一个文件夹里方便管理；2、可缓存：浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件。如果两个文件引用同一个JavaScript文件，浏览器只需下载一次文件就好，这样有利于页面加载；3、适应未来：HTML和XHTML包含外部文件的语法是相同的，就不用繁琐处理js脚本在XHTML上出现某些符号不符合XHTML规...
JavaScript 简介及引入方式
weixin_47906106的博客
11-27 908
JavaScript简介 用来制作wdb页面交互效果,提升用户体验。 运行在浏览器的脚本语言(目前只有这一种) 脚本语言:不需要编译,可以直接运行的语言。 注： web前端三层 结构层 HTML 从语言的角度,描述页面结构 样式层 CSS 从审美角度,美化页面 行为层 JavaScript 从交互的角度,提升用户体验 JavaScript和ECMAScript的关系 ECMAScript是由欧洲计算机制作商协会制定的标准 ECMAScript并不是一门语
高等教育教师专业发展-假期教师培训视频播放脚本使用教程
macross007008的博客
02-08 1269
假期教师培训视频播放脚本使用教程
如何引入JavaScript脚本？
zhangkai
10-09 3120
编程练习 小伙伴们，让我们实现在html页面中的head标签和body标签中插入JavaScript脚本，其中body标签实现引入外部JavaScript脚本。（在本地编辑器测试） 任务 1、在head标签中写出可以嵌入JavaScript脚本的标签 2、在body标签中写出可以引入JavaScript脚本的标签并在标签中写出脚本外部引入的属性，属性值就是新建的js文件 <!DOCTYPE html> <html> <head lang="en"> &l.
如何动态添加script依赖的脚本
weixin_45315794的博客
07-26 1296
如何动态添加script依赖的脚本
可以使用哪些方式将JavaScript脚本引入HTML脚本中？
最新发布
09-09
在HTML中引入JavaScript脚本通常有以下几种方式： 1. 直接在HTML标签中使用`onclick`、`onmouseover`等事件属性嵌入JavaScript代码。例如： ```html ('Hello, world!')">Click me ``` 2. 使用`<script>`标签将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值