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

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

Johar Ali
更新于 2020年6月13日 06:51:11

538 次查看

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

最好使用一个大的 JavaScript 文件还是多个小的文件?

Amit Sharma
更新于 2020年6月13日 06:48:03

1K+ 次查看

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

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

Ali
Ali
更新于 2020年1月3日 07:15:01

405 次查看

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

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

Rahul Sharma
更新于 2020年6月13日 06:45:08

2K+ 次查看

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

浏览器如何识别内联 JavaScript?

Johar Ali
更新于 2020年6月13日 06:44:28

336 次查看

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

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

Amit Sharma
更新于 2020年6月13日 06:43:18

208 次查看

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

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

Ali
Ali
更新于 2020年2月20日 07:01:23

2K+ 次查看

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

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

Rahul Sharma
更新于 2020年6月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年6月13日 06:37:30

91 次查看

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

href 中的 JavaScript 函数与 onClick

Amit Sharma
更新于 2024年6月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

广告