＜script＞标签通过src属性调用js文件

最新推荐文章于 2024-07-26 20:46:33 发布
最新推荐文章于 2024-07-26 20:46:33 发布
阅读量6.4k 收藏 4
点赞数
分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lihanhan98/article/details/121052946
版权

1.js文件内代码的编写
js文件内，js代码的写法和script标签内相同，可以理解为script标签被隐藏而已，一切照旧即可。
在这里插入图片描述

2.js文件的调用
使用script标签的src属性即可，Script标签内不要再写JavaScript代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="./testCallJSFile.js"> //调用js代码
    </script> //标签内不要再写JavaScript代码
  </body>
</html>

src还可以调用url来从网络中获取js文件。

3.继续学习，继续补充

lihanhan98
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
＜script＞标签使用
never_33的博客
02-17 1498
标签使用
HTML中的＜script＞标签
ljl0433的博客
11-23 1477
在js学习阶段，一直使用<script>元素，但对它了解较少。看了大家推荐的红宝书之后，学到了许多关于它的知识，收获颇多。本篇文章围绕<script>元素简单讲一下使用、行内脚本与外部脚本等。 一、<script>使用 两种方式：通过它直接在网页中嵌入JavaScript代码、通过它在网页中包含外部JavaScript文件。 直接在网页中嵌入JavaScript代码 <script> // 嵌入行内JavaScript代码，直接把代码放在<scr
在js文件中引入（调用）另一个js文件的三种方法
10-14
主要介绍了在js文件中引入（调用）另一个js文件的三种方法，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
html文件中script标签放在哪里?
renaway的博客
02-15 2万+
首先说选择，常见的位置有两个，一个位置是&lt;head&gt;标签里面，另一个是body标签快结束的地方，也就是&lt;/body&gt;上面。 然后说结论，一般情况下都可以放。区别嘛可以看个例子(scriptlocation.html): &lt;!DOCTYPE html&gt; &lt;html lang="cn"&gt; &lt;head&gt; &lt;meta charset..
Js引入js三种方法
qq_52700250的博客
05-09 1748
【代码】Js引入js三种方法
index页面通过＜script＞引入根目录下的js文件后，vite打包项目后，项目中无js文件解决方法
qq_51196135的博客
07-28 1989
打包无法打入根目录下的js文件，解决代码！
JavaScript＜script＞标签引用以及内容输出
weixin_69420643的博客
09-13 1707
1、JavaScript标签的引用，2、js文件的引用，3、JavaScript的输出
＜script＞元素属性详解及html引入js执行顺序[defer][async]
weixin_44339178的博客
07-08 937
元素属性详解 defer、async
HTML中javascript的＜script＞标签使用方法详解
热门推荐
从零开始
12-04 2万+
只要一提到把JavaScript放到网页中，就不得不涉及Web的核心语言——HTML。在当初开发JavaScript的时候，Netscape要解决的一个重要问题就是如何做到让JavaScript既能与HTML页面共存，又不影响那些页面在其他浏览器中的呈现效果。经过尝试、纠错和争论，最终的决定就是为Web增加统一的脚本支持。而Web诞生早期的很多做法也都保留了下来，并被正式纳入HTML规范当中。
谈谈 ＜script＞ 标签以及其加载顺序问题，包含 defer & async
赶路人儿
08-12 2645
<script>标签出现的很早，其作用：引入JavaScrit代码。这个元素是由 Netscape 创造，并在 Netscape Navigator 2中首先实现。后来，这个元素被加入到正式的 HTML 规范中。属性包括： async：可选，表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 charset：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少有人用。 defer：可选。..
动态加载script文件的两种方法
12-09
这种方法可以解决跨域问题，因为`<script>`标签可以加载跨域的JavaScript资源，而Ajax请求受到同源策略的限制。此外，如果脚本文件中定义了函数，你可以确保在脚本加载完成后调用它们。 在某些情况下，你可能希望在...
js文件中调用js的实现方法小结
12-13
在`Js_file01.js`中，我们可以通过`document.write`来动态地创建一个`<script>`标签，并设置其`src`属性为要加载的第二个JS文件`Js_file02.js`的路径。这种方法的缺点是它只能在文档加载期间使用，如果在文档已经...
一个通过script自定义属性传递配置参数的方法
09-04
在传统的使用方式中，我们会在HTML中引入插件的JS文件，并在另一个`<script>`标签中调用这个插件并传入配置参数： ```html <script src="/script/picSwitch.js"></script> <script> $('#pic').picSwitch({ 'speed...
不使用script导入js文件的几种方法
11-30
在现代Web开发中，JavaScript文件的导入通常是通过`<script>`标签来实现的。然而，有时我们可能希望在不使用`<script>`标签的情况下引入外部JS文件，这可能是出于优化性能、避免全局污染或实现异步加载的需求。本文...
JS--JavaScript入门(script标签使用与外部JavaScript文件引入)
吴声子夜歌的博客
09-21 1万+
JavaScript入门 JavaScript是一种轻量级、解释型的Web开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都已经嵌入了JavaScript引擎，JavaScript源代码可以再浏览器中直接被解释执行，用户不用担心支持问题。 在网页中插入JavaScript代码 使用<!DOCTYPE html> <html> <head> &l...
JavaScript青少年简明教程：函数及其相关知识（下）
最新发布
cnds123的专栏
07-26 463
JavaScript青少年简明教程：函数及其相关知识（下）
HarmonyOS应用开发者高级认证，Next版本发布后最新题库 - 多选题序号4
Gusha_的博客
07-23 1288
HarmonyOS应用开发者高级认证最新题库，编写于2024年7月19日，Next版本发布之后
【React 】开发环境搭建详细指南
lph159的博客
07-24 1073
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/utf8-jsp/ueditor.config.js"></script> <script src="js/utf8-jsp/ueditor.all.min.js"></script>\ <script src="js/jquery-3.2.1.min.js"></script> <style> #editor-container { width: 100%; height: 100%; } </style> </head> <body> <div id="editor-container" style="width: 500px;height: 200px;"></div> </body> <script> var ue = UE.getEditor('editor-container'); $(window).on('resize', function() { $('#editor-container').editor('resize'); }); </script> </html>
06-12
在您的代码中，有一个小错误： ``` <script src="js/utf8-jsp/ueditor.all.min.js"></script>\ ``` 在这一行的末尾有一个额外的反斜杠（\）字符，它会导致JavaScript解析错误。您可以将其删除，以便正确加载UEditor插件。 另外，您在使用jQuery时遇到了一个错误。在下面这一行： ``` $('#editor-container').editor('resize'); ``` 您正在尝试调用一个名为“editor”的函数，但是该函数不存在。您应该使用UEditor提供的方法来调整编辑器的大小。您可以将该行修改为： ``` ue.resize(); ``` 这将调用UEditor对象的“resize”方法来调整编辑器的大小。 下面是修改后的代码： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/utf8-jsp/ueditor.config.js"></script> <script src="js/utf8-jsp/ueditor.all.min.js"></script> <script src="js/jquery-3.2.1.min.js"></script> <style> #editor-container { width: 100%; height: 100%; } </style> </head> <body> <div id="editor-container" style="width: 500px;height: 200px;"></div> </body> <script> var ue = UE.getEditor('editor-container'); $(window).on('resize', function() { ue.resize(); }); </script> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值