个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
26
4
我注意到 <head>在我的网站(用于工作)中，有很多 <link rel="stylesheet" type="text/css" href="" />和 <script type="text/javascript" src="">标签。还有更多的 JavaScript/CSS 文件只为特定页面加载(我们使用 CodeIgniter，文件路径被传递到标题 View )。
我正在考虑使用条件/异步加载器(例如 yepnope.js、head.js 等)，但我注意到这样做有一个小问题。
在我们看来，有内联JavaScript，一些使用$(function(){})一些用途 $(document).ready(function(){}) ，有些只是具有不在 ready 中的代码(使用 jQuery) block 。
如果不编辑每个 View 文件以将其代码包装在一个函数中并在加载 JS 文件时调用它，是否有办法延迟内联代码直到 JavaScript 被异步加载？
最佳答案
您实际上可以延迟加载内联 javascript:1- 将内联脚本中的类型参数更改为:text/delayscript
来自
<!– Inline Script –>
<script type="text/javascript" language="javaScript">
/* Code */
</script>
到
<!– Inline Script –>
<script type="text/delayscript">
/* Code */
</script>
为脚本标签提供自定义 Mime 类型 text/delayscript 会强制浏览器忽略其内容(请注意，将其完全保留将默认为 text/javascript)。
2-延迟加载所有内联脚本一旦 heads.js(或您可能正在使用的其他框架)确认它延迟加载了所有外部 JS，您就可以获取所有自定义脚本标签的内容并将它们注入(inject)页面:
<script>
head.ready(function() {
var
_head = document.getElementsByTagName("head")[0],
_script = document.createElement('script'),
_scripts = document.getElementsByTagName("script"),
_txt = "text/delayscript",
_contents = []
;
for(var i=0,l=_scripts.length;i<l;i++){
var _type = _scripts[i].getAttribute("type");
if(_type && _type.toLowerCase() ==_txt)
_contents.push(_scripts[i].innerHTML)
}
_script.type = 'text/javascript';
_script.innerHTML = _contents.join(" ");
_head.appendChild(_script);
});
为了更加优雅，您实际上可以将内联脚本保留在 DOM 树中的原始层次结构中，而不是像我上面建议的那样将所有内容塞进一个脚本中，方法是将标记的内联脚本标记替换为新的一个具有 mime 类型文本/javascript 的:
head.ready(function() {
var
_scripts = document.getElementsByTagName("script"),
_doc = document,
_txt = "text/delayscript"
;
for(var i=0,l=_scripts.length;i<l;i++){
var _type = _scripts[i].getAttribute("type");
if(_type && _type.toLowerCase() ==_txt)
_scripts[i].parentNode.replaceChild((function(sB){
var _s = _doc.createElement('script');
_s.type = 'text/javascript';
_s.innerHTML = sB.innerHTML;
return _s;
})(_scripts[i]), _scripts[i]);
}
});
关于javascript - 延迟加载 JavaScript 和内联 JavaScript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8946715/
26
4
0
我正在使用一个简单的脚本来延迟加载页面上的所有图像；图像源的路径包含在 data-src 属性中，然后放入 img 标记的实际 src 属性中。几乎大多数(？)延迟加载方法的实现都是如何工作的。 这是
我有一个具有多层 (SKNodes) 背景、游戏层、前景和 HUD 的场景，每个场景中都有多个 SKSpriteNode，用于滚动和您可以收集和点击的对象。 hud 层只有一个 SKSpriteNod
我有一个 Controller 函数来创建一些东西。调用该函数时，将运行 setInterval 来获取项目的状态。 这是服务: (function () { 'use strict';
在我的应用程序中，我播放音频直播，延迟非常重要。我正在使用 AVPlayer，但启动需要 5-6 秒，并且我需要最多 3 秒的延迟。我怎样才能更快地开始播放并减少延迟？设置一个小缓冲区就可以了？如何使
我有一个恼人的问题。我有这个简单的服务器代码(比方说): #!/usr/bin/env python3 import wsgiref.simple_server def my_func(env, st
我是 jquery deferreds 的新手。这里我有一个简单的example 。 谁能告诉我为什么在其他函数完成之前就触发完成函数(“现在是我的时间”)？ 这里的人 example还创建一个延迟对
正在放置关闭 之前的标签标记相同的 sa 将它们放在 中部分并指定 defer="defer"属性？ 最佳答案 是/否。 是的，因为放置 defer 标签会等到文档加载完毕后再执行。 否，因为放置
我知道Javascript没有delay(500)方法，它会延迟执行500毫秒，所以我一直试图通过使用setTimeout和setInterval来解决这个问题。 for(var i =0; i< 1
我们有一个读写主服务器和复制的从读服务器。在某些网络用例中，数据被发布并立即读取以发送回服务器。立即读取是在读取从属设备上完成的，由于延迟，数据尚未在那里更新。 我知道这可能是复制设置的一个常见问题，
我有以下 dag 设置以从 2015 年开始运行追赶。对于每个执行日期，任务实例在一分钟内完成。但是，第二天的任务仅在 5 分钟窗口内开始。例如。上午 10:00、上午 10:05、上午 10:10
当我在 WatchKit 中推送一个新 Controller 并在新 Controller 的awakeWithContext: 方法中使用 setTitle 时，它需要一秒钟左右来设置标题，直到
我将图像显示为 SVG 文件和文本。 出于某种原因，svg 图像的渲染速度比屏幕的其余部分慢，从而导致延迟，这对用户体验不利。 这种延迟正常吗？我该怎么做才能让整个屏幕同时呈现？ Row( ma
我正在考虑在我的应用程序中使用 firebase 动态链接。我需要将唯一标识符从电子邮件生成的链接传递到用户应用程序中。当用户安装了应用程序时，这可以正常工作，但是，我对未安装应用程序的方式有些困惑。
您知道如何使用 JQuery 的延迟方法和一个函数来检测所有已更改的表单并将每个表单作为 Ajax 帖子提交吗？ 如果我只列出大量表单提交，我可以得到同样的结果，但如果我使用... $('form.c
我需要一种方法来通过回调获取不同的脚本。这个方法工作正常: fetchScripts:function() { var _this=this; $.when( $.aj
我编写了一个 jquery 脚本，允许我淡入和淡出 div，然后重复。该代码运行良好。但是，当我尝试添加延迟(我希望 div 在淡出之前保持几秒钟)时，它无法正常工作。我尝试在代码中的几个地方添加延迟
我正在努力在延迟、带宽和吞吐量之间划清界限。 有人可以用简单的术语和简单的例子来解释我吗？ 最佳答案 水比喻: 延迟 是穿过管子所需的时间。 带宽是管有多宽。 水流量为吞吐量 车辆类比: 从源到目的地
我有一个 CRM 系统，当添加联系人时，我想将他们添加到会计系统中。 我在 CRM 系统中设置了一个 Webhook，将联系人传递给 Azure 函数。 Azure 函数连接到会计系统 API 并在那
我有一个 Android AudioTrack，例如: private AudioTrack mAudioTrack; int min = AudioTrack.getMinBufferSize(sa
我正在 React 中开发一个 TODO 应用程序，并尝试构建将删除选中项目延迟 X 秒的功能，并且如果在这段时间内未选中该框，它将不会被删除。 我遇到的主要问题是当用户在同一 X 秒内检查、取消检查
我是一名优秀的程序员,十分优秀！