为什么要采用外部js文件

这篇文章主要讲的是为什么要采用外部js文件，有什么好处.

为什么不把js内嵌在html中呢，这样不是好分析吗？对，这样你是好分析，同样的别人呢？不内嵌在html中有如下原因：

安全性： 只要查看页面的源代码，任何人都可以确切的知道其中的代码做了什么。如果怀有恶意的开发者查看了源代码，就可能发现安全漏洞，危机整个站点或应用程序的安全。此外，在外部文件中还可以加入版权和其他知识产权通告，而不打断页面流

代码维护： 如果javascript代码散布于多个页面，那么代码维护将变成异常噩梦。把所有javascript文件放在一个目录中要容易得多，这样在发生javascript错误时，就不会对放置代码的位置有任何疑问。

缓存： 浏览器会根据特定的设置缓存所有外部链接的javascript文件，这意味着如果两个页面使用同一个文件，只需要下载该文件一次。这将加快下载速度。把同一段代码放在多个页面中，不只浪费，还增加了页面大小，从而增加下载时间。　

上面就是讲到的为什么要采用外部js文件。　　

为什么要采用外部js文件

时间： 2024-11-01 01:52:12

为什么要采用外部js文件的相关文章

延迟加载外部js文件，延迟加载图片（jquery.lazyload.js和echo,js）

js里一说到延迟加载,大都离不开两种情形,即外部Js文件的延迟加载,以及网页图片的延迟加载: 1.首先简单说一下js文件的3种延迟加载方式: (1)<script type="text/javascript" defer>,defer属性可以推迟对脚本的解释,直到文档已经显示给用户为止,但只有IE支持defer属性 (2)设置具体的延迟时间,对应的js代码如下: function loadScript(){ var myScript=document.createEleme

kettle转换JavaScript加载外部js文件

日常开发中,时常会出现这样一种情况.有大量的函数是通用的.而每个JavaScript里面写一遍,给维护带来很大的困扰.因而需要将公共的函数写在外部js文件中.这时就需要引入外部的公共文件了.下面是在转换里的JavaScript组件中引入外部公共js文件. //加载js文件 LoadScriptFile(getVariable("Internal.Transformation.Filename.Directory", "") +"/common_Functi

webBrowser调用外部js文件和js函数（转载）

原文链接:http://fy5388.blog.163.com/blog/static/56499537201012594314130/ webBrowser调用外部js文件和js函数 '第一种方法:webbrowser动态调用html和js代码,都是动态的:代码示例: webBrowser1.Navigate("about:blank");webBrowser1.Document.OpenNew(True);webBrowser1.Document.Write("<H

javascript中外部js文件取得自身完整路径得办法

原文:javascript中外部js文件取得自身完整路径得办法有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

呼叫外部js文件并使用其内部方法

很久没有学习jQuery了,都快忘记了.今天学习一个小功能,使用jQuery的$.getScript()方法,是读取外部js文件,读取之后,并执行js文件内的一个方法. 首先我们创建这个js文件,如i.js: ASP.NET MVC的控制器在此省略. 视图实现: js source code: $(document).ready(function () { $("#Text1").click(function () { var v = $(this).attr("value&

vue如何导入外部js文件（es6）

也许大家都是使用习惯了es5的写法喜欢直接用<Script>标签倒入js文件,但是很是可惜,这写法.在es6,或则说vue环境下不支持真的写法是怎样? 首先.我们要改造我们要映入的外部js文件,改成下面这个格式.主要是红色方块内部代码,我们需要将我们的模块"抛出",让人能获取到代码: [html] view plain copy function realconsole(){ alert("hello.thanks use me"); } expor

Vue 加载外部js文件

Vue.js 加载外部js文件在项目内新建一个config.js //变量的定义 export var config = { baseurl:'http://172.16.114.5:8088/MGT2' } //函数的定义 export function formatXml(text) { return text } 使用外部的js <script> import {config,formatXml} from '../static/config.js' export default {

vue导入外部js文件的方法

1.将需要引入的外部js文件,改成下图的格式,将需要引入的内容放在一个函数内,并通过export暴露出来. 2.在vue里引入该模块通过import引入,然后写入方法里,再按需求调用原文地址:https://www.cnblogs.com/webwangjie/p/10950808.html

Django_博客项目引入外部js文件内含模板语法无法正确获取值得说明和处理

问题描述 : 项目中若存在对一段js代码复用多次的时候, 通常将此段代码移动到一个单独的静态文件中在被使用的地方利用 script 标签的 src 属性进行外部调用但是如果此文件中存在使用 HTML模板语言中的 {{ }}方式传递相关属性值, 会导致无法正确获取. 问题现象: HTML页面拿到的值为字符串形式 : 问题解决: 静态js 文件: 1 $("#div_digg .action").click(function () { 2 // 点赞或踩灭 3 var is_up = $