找到 8590 篇文章,关于前端技术

内联 JavaScript 和外部文件有什么区别?

Johar Ali
更新于 2020-06-13 06:51:11

538 次浏览

以下是内联 JavaScript 和外部文件之间的区别:外部脚本浏览器首次下载外部脚本后会将其存储起来。如果再次引用它,则无需再次下载。这减少了下载时间和大小。async 和 defer 属性会产生影响。如果存在这些属性,脚本将更改默认行为。内联脚本内联脚本会立即执行。它会立即加载,无需触发其他请求。async 和 defer 属性无效。内联脚本更适用于服务器端动态渲染。阅读更多

是使用一个大型 JavaScript 文件还是多个较小的文件更好?

Amit Sharma
更新于 2020-06-13 06:48:03

1K+ 次浏览

为了避免多次服务器请求,请将您的 JavaScript 文件组合成一个文件。无论您使用什么方法来提高性能,请尝试缩小 JavaScript 以改善网页的加载时间。如果您使用的是单页应用程序,则将所有脚本组合到一个文件中。如果您使用的是多个文件,则缩小所有脚本并将它们分成不同的类别。例如 - 将每个页面都使用的 JavaScript 放置在这里。这可以是文件的核心脚本。- 将您的插件放置在这里其他地方,将其他脚本添加到 JavaScript 文件中。最好将它们保存在不同的文件中。阅读更多

页面加载时间如何受 JavaScript 影响?

Ali
Ali
更新于 2020-01-03 07:15:01

405 次浏览

页面加载时间会受到 JavaScript 文件和代码的影响。如果您没有优化 JavaScript 文件,则页面加载时间会增加,这应该避免。缩小 JavaScript 代码以减少页面加载时间。此外,缓存 JavaScript 文件以获得更好的结果。为了获得更好的性能,请正确使用内联和外部 JavaScript。如果您想在多个页面中添加相同的脚本,请尝试使用外部 JavaScript 文件。外部脚本浏览器首次下载外部脚本后会将其存储起来。如果再次引用它,则无需再次下载。这减少了下载时间和 ... 阅读更多

如何在多个内容页面中使用相同的 JavaScript?

Rahul Sharma
更新于 2020-06-13 06:45:08

2K+ 次浏览

要在多个页面中使用相同的 JavaScript,请将 js 代码添加到外部 JavaScript 文件中。假设以下 demo.js 是我们的外部 JavaScript 文件:function display() {    alert("Hello World!"); }现在将外部 JavaScript 文件添加到以下 HTML 网页中。同样,您可以将其添加到多个内容页面中。                                            

浏览器如何识别内联 JavaScript?

Johar Ali
更新于 2020-06-13 06:44:28

336 次浏览

假设我们在 HTML 中有以下行:在这里,浏览器通过检测 onclick 来识别内联 JavaScript,即使标签不可用。以下是一些使用内联 JavaScript 的建议:如果脚本仅用于单个页面,则应考虑内联脚本元素(例如...)。不要使用 onclick="..." 等事件属性,并使用 JavaScript 绑定事件处理程序。对于大多数脚本,尤其是在页面之间重复使用时,请使用外部脚本元素(例如)。

JavaScript 的自动分号插入 (ASI) 规则是什么?

Amit Sharma
更新于 2020-06-13 06:43:18

208 次浏览

JavaScript 的自动分号插入 (ASI) 用于插入缺少的分号。以下语句受自动分号插入的影响:空语句 var 语句表达式语句 do-while 语句 continue 语句 break 语句 return 语句  throw 语句规则在以下规范中:当从左到右解析脚本或模块时:遇到语法规则不允许的标记时,仅当以下一个或多个条件为真时,才会在有问题的标记前自动插入分号:有问题的标记是}。前一个标记是),并且插入的分号将 ... 阅读更多

jQuery 代码应该放在头部还是底部?

Ali
Ali
更新于 2020-02-20 07:01:23

2K+ 次浏览

始终建议将 jQuery 代码添加到页脚,即在结束标签之前。如果您没有这样做,请使用 defer 属性。使用 defer 属性,以便 Web 浏览器知道在 HTML 下载后下载脚本:defer 属性用于指定脚本执行发生在页面加载时。它仅对外部脚本有用,并且是一个布尔属性。示例以下代码显示了如何使用 defer 属性:                 由于我们使用了 defer,因此添加的外部文件将稍后加载    

如何使用 JavaScript 禁用 textarea 的可调整大小属性?

Rahul Sharma
更新于 2020-06-13 06:39:07

175 次浏览

要禁用可调整大小属性,请使用 CSS 样式:textarea {    resize: none; }要使用不同的属性值禁用特定 textarea,请尝试以下操作。假设属性设置为“demo”:textarea[name=demo] {    resize: none; }假设 id 属性为“demo”:对于以上,#demo {    resize: none; }

如何处理 JavaScript 被关闭的情况?

Johar Ali
更新于 2020-06-13 06:37:30

91 次浏览

如今,几乎所有 Web 浏览器都支持 JavaScript。如果它被关闭,您可以使用标签。要让用户了解不支持 JavaScript 的 Web 浏览器,请使用标签。HTML 标签用于处理识别标签但不支持脚本的浏览器。此标签用于显示备用文本消息。示例           HTML noscript 标签                                              您的浏览器不支持 JavaScript!          

href 中的 JavaScript 函数与 onClick

Amit Sharma
更新于 2024-06-24 15:36:43

11K+ 次浏览

onclick 和 href 在直接调用 JavaScript 时具有不同的行为。此外,如果时间差很短,则 href 中的脚本将不会执行。这是两次点击之间的时间。示例以下是一个显示在 JavaScript 中使用 href 与 onClick 的示例。 实时演示           JavaScript href 与 onClick()              function myFunc() {          var v = 0;          for (var j=0; j

广告