js文件和在html文件里放入js的区别

最新推荐文章于 2024-06-10 20:53:57 发布
最新推荐文章于 2024-06-10 20:53:57 发布
阅读量4.6k 收藏 1
点赞数 1
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limin0017/article/details/52048287
版权
一个网站可能有很多页面需要引用某个javaScript函数，如果这个函数直接写在页面中，那每次加载页面时都将重复下载这部分代码。若引用单独的js文件，客户端第一次引用这个函数时就会下载js文件，后面再用直接引用本地缓存的js文件就行了。

若需要修改某一函数，而这个函数在好多页面都用，偏偏又是都将代码写在了页面中，这是修改代码就成了简单的体力活了。若是引用的js文件就好多了，只需要修改一次就ok啦，既省时又省力。

即单独的js代码会在加载时会被放在缓存中，若一开始编码时就把js放到单独的文件，不利于调试！
暗夜蝶梦
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js的三种使用方式（行内js、内部js、外部js）
祥哥的说
07-11 6005
js的三种使用方式（行内js、内部js、外部js）1、行内js：js不单独写出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js使用方式1：行内js</title></head&g
html中引入js，不同时候引入的区别
qq_36407090的博客
03-02 1879
一般html中引入js文件，是head或者body中 区别： head JavaScript"  src="xx/xx.js"> head中引入js文件，在页面初始化时需要用到，比如现在很流行前后端分离，页面初始化时，需要初始化页面数据等，一般会在js中ajax后台接口，返回数据初始化页面，这种时候就需要把js，写在head中 body
HTML 中使用 JavaScript 的具体方式
最新发布
weixin_44814196的博客
06-10 1798
介绍在 HTML 文档里面使用 JavaScript 的常见方式
js文件和html文件的区别吗,网页中内嵌js和引入外部js文件对DOM构建有什么区别？...
weixin_29304985的博客
06-19 516
一个最简单的例子，在内容中间引入js，一个是内嵌，一个是外部js文件，这样看到的效果是不一样的；当内嵌时，如果js没执行完，是不会看到页面内容的。当是引入外部js文件时，是会先看到js之前的html内容，当js执行完后，看到下面的内容。startend具体的原理谁能解释下？我听到的是外部js不参与dom构建，外部js会影响渲染不就是因为可能会更改dom吗？回答当是引入外部js文件时，是会先看到js...
js html方法的区别吗,JS和JavaScript之间有什么区别？
weixin_39684228的博客
06-18 190
JS和JavaScript之间没有区别，JS和JavaScript是一个概念，JS是JavaScript的缩写；它是是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。JavaScript(通常缩写为JS)是一种高级的、解释型的编程语言；它是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。JavaScript是一种属于网络的脚本语言，已经...
在HTML页面嵌入Javascript写法的区别（script标签）
weixin_30335353的博客
07-07 361
今天想在项目中使用JQuery，在页面内嵌入 <scripttype="text/javascript"src="jquery-1.2.6.js" /> 却发现无论如何，JQuery都不工作，调用jQuery.noConflict();也无效果 后来使用这样的嵌入方式，JQuery才正常。无语。。。 <scripttype="text/javascript"s...
写js文件，如何在html里面用到js文件里面的内容？如何写一个js文件能使其在html中被使用。
Apis_wonu的博客
11-05 1183
举例说明： 第一步：建立一个js文件（命名随意，比如step.js），并写下由layui定义的function(){}; layui.define(['需要加载的layui的其他模块','table'],function(exports){ var $ = layui.jquery; var table = layui.table; //js代码： next: function (elem...
使用PDF.JS插件在HTML中预览PDF文件的方法
09-22
下载完成后，创建一个新的文件夹，将下载的PDF.JS文件解压后放入该文件夹中。 接下来，创建一个新的HTML文件，命名为index.html。在这个文件中，需要定义一个用于触发PDF文件打开的按钮，并且要引入PDF.JS插件的...
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
11-20
将下载好的文件放入 然后引入HTML中 [removed][removed] 二：maven引入 首先将maven依赖导入 <!-- https://mvnrepository.com/artifact/org.webjars.bower/echarts --> <groupId>org.webjars.bower ...
vue在index.html中引入静态文件不生效问题及解决方法
11-28
因此，将CSS、图片等文件放入`src`文件夹会导致它们无法被正确解析和加载。解决办法是将这些静态文件移动到`static`文件夹中。`static`文件夹内的资源会被直接复制到最终的构建输出目录，无需经过webpack处理。 **...
Droploader:将任何 html 元素放入放置区。 允许访问本地文件，无需先保存在服务器上
06-02
下载器 将任何 html 元素放入放置区。 允许在本地访问文件，无需先保存在服务器上。...此代码在将文件放入放置区域后处理文件： $(".drop_here").attachDropLoader({ preview : true, postDrop: function(files)
从HTML5文件在Android上播放音频
04-07
总结来说，要在Android应用中通过HTML5页面播放音频，你需要将音频文件放入Assets目录，创建一个HTML5页面包含`<audio>`标签，使用JavaScript进行控制，并通过WebView加载页面。同时，利用Java的`...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
夜飘凌的博客
05-14 8777
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程 文章目录总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程1 vue中index.html、main.js、App.vue、index.js关系简介1.1 项目的运行入口index.html1.2 入口文件main.js1.3 根组件App.vue1.4 控制路由index.js2 Vue项目加载流程 1 vue中index.html
小程序组件和页面的差异
kikikiuu的博客
04-03 1211
1.json文件的差异 组件json，必须有component的配置项 {"component":true} 页面json，允许为空 2.js文件的差异 组件js的构造函数是Component Component({ methods:{} }) 页面js的构造函数为Page Page({ xxxx:{} }) 注意：组件的方法必须放在methods里面 ...
javaScript的简介与用法
weixin_49756432的博客
05-01 145
1.javaScript是被广泛用于Web的应用开发的一种网络的脚本语言，常为开发者所用，添加各种各样的网页效果，为用户提供更流畅美观的网页效果。 2.javaScript的脚本是通过嵌入在HTML页面中来实现自身功能。在HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的<body>和<head>部分中。 3.javaScript语言标准是由ECMAScript来规定它的编程语法和基础核心知识。 4.DOM(Document Object Model)：文
JavaScript在html中的用法及区别
weixin_47450039的博客
05-31 231
JavaScript在html中的用法 通过<script>标签来在html中插入javaScript脚本。 <script> 和 </script> 之间的代码行包含了 JavaScript: <script> window.onload = function(){ //初始化方法 console.log("hello log!"); } </script> JavaScript脚本可被放置在 HTML
将Js的脚本加入HTML网页的方法
热门推荐
m0_61816929的博客
02-25 1万+
1.行内式 直接在HTML标签内写符合js标准的语句，作为标签的事件属性的属性值。 最好使用在功能简单，使用次数少的情况。 简单，方便，明了，一目了然。 例如： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="background-c.
js中，全局变量与直接添加在window属性的区别
weixin_30576827的博客
08-07 832
在js中定义的全局变量是挂在window下的，而window的属性也一样，那么这两者有什么区别呢？ 其实这两者还是有小小的区别的，全局变量是不能通过delete操作符删除的，而直接定义在window上的属性是可以删除的。 那么为什么全局变量不能删除呢？ 因为全局变量也是个对象，这个对象时通过叫做PropertyDescriptor来定义的。 可以在浏览器中调用Object.getOw...
在html结尾的后缀文件中，能同时放入html，css，JavaScript吗
05-31
在HTML结尾的后缀文件中，可以同时放入HTML、CSS和JavaScript代码。这种文件通常被称为HTML文件或者Web页面，它们的后缀名为.html或者.htm。 HTML文件是一种结构化文本文档，它由HTML、CSS和JavaScript代码组成。HTML代码用于定义页面的结构和内容，CSS代码用于定义页面的样式，而JavaScript代码用于实现页面的交互和动态效果。 在HTML文件中，可以使用以下方式来添加CSS和JavaScript代码： 1. 内联样式和脚本：直接在HTML标签中嵌入CSS和JavaScript代码。例如： ```html <div style="color: red;">This is a red text.</div> <script>alert("Hello, World!");</script> ``` 2. 内部样式和脚本：在HTML文件中使用<style>和<script>标签来定义CSS和JavaScript代码。例如： ```html <head> <style> div { color: red; } </style> <script> function sayHello() { alert("Hello, World!"); } </script> </head> <body> <div onclick="sayHello()">Click me</div> </body> ``` 3. 外部样式和脚本：在HTML文件中使用<link>和<script>标签来引用外部的CSS和JavaScript文件。例如： ```html <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> ``` 其中，href属性指定了CSS文件的路径，src属性指定了JavaScript文件的路径。在这些文件中，可以编写独立的CSS和JavaScript代码，并且通过HTML文件中的引用来使用它们。 总之，HTML文件可以同时包含HTML、CSS和JavaScript代码。这种方式可以让你更好地组织和管理Web页面的结构、样式和行为。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值