`
iwebcode
  • 浏览: 2010255 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

javascript延时加载之defer

 
阅读更多

偶尔发现 js 中有个延时加载的标签 defer,还在疑惑这么好用的东西为什么没有流行起来。

测试了几个浏览器。在ie7，8，9和360安全济览器下可以。这就是为什么不选择defer的原因了。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
	<script type="text/javascript" defer="defer">
	   alert(document.getElementById("myinput").value) ;	 
	</script>
</head>
	<input type="hidden" name="myinput" id="myinput" value="test"/>
<body>
</body>
</html>


分享到：
| 【前端优化】静态链接版本化[final]
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript延时加载之defer测试

    偶尔发现 js 中有个延时加载的标签 defer,还在疑惑这么好用的东西为什么没有流行起来,本人今天把它拾起来用了一下，发现只在ie7，8，9和360安全济览器下可以，知道为什么不用它了吧

    浏览器环境下JavaScript脚本加载与执行探析之defer与async特性

    defer和async特性相信是很多JavaScript开发者”熟悉而又不熟悉”的两个特性，从字面上来看，二者的功能很好理解，分别是”延迟脚本”和”异步脚本”的作用。然而，以defer为例，一些细节问题可能开发者却并不一定...

    关于延迟加载JavaScript

    JavaScript的延迟加载是那些在web上，能让你想抓狂地去寻找解决方案的问题之一。 很多人说“那就用defer”或“async”，甚至有些人说“那就将你的javascript代码放在页面代码底部”。 上述方法都不能解决在web页面...

    gulp-defer:将阻止渲染的javascript和CSS移动到延迟加载部分

    将阻止渲染的javascript和css移动到延迟加载部分。 如果您收到PageSpeed Insights结果中的“消除首屏内容中的阻止渲染JavaScript和CSS”警告，则可能会有所帮助 有关如何解决此警告的更多信息，请参见 。 安装 npm ...

    浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

    在《浏览器环境下JavaScript脚本加载与执行探析之defer与async特性》中，我们研究了延迟脚本(defer)和异步脚本(async)的执行时机、浏览器支持情况、浏览器bug以及其他的细节问题。而除了defer和async特性，动态脚本...

    javascript按顺序加载运行js方法

    javascript动态加载实现方法 动态加载JS文件的三种方法 如何你的 script 上没有任何 异步,阻塞 等标注: 浏览器会异步加载 javascript 文件,但是会按照引用文件中的书写顺序从上到下执行解析 javascript Defer属性...

    关于Javascript中defer和async的区别总结

    没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。 [removed][removed] 有 async，加载和...

    asyncjs:稍微不同的 JavaScript 加载器和依赖管理器

    我喜欢延迟加载脚本的想法，但我不喜欢简洁的编码风格和嵌套依赖的笨拙语法。 这就是我创建asyncJS的原因。 与 script.js 和其他脚本加载器相比， asyncJS的优点是 支持内联函数和文本字符串作为 JavaScript ...

    js实现延迟加载的几种方法详解

    这是一个面试经常问到的问题：js的延迟加载方法 (js的延迟加载有助于提高页面的加载速度) 主要考察对程序的性能方面是否有研究，程序的性能是一个项目不断地追求的，通常也是项目完成后需要长期做的一件事情，像腾讯...

    js异步加载的三种解决方案

    (1) defer，只支持IE defer属性的定义和用法（我摘自w3school网站） defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。 有的 javascript 脚本 [removed] 方法来创建当前的文档内容，其他脚本就不一定是了...

    defer.js::1st_place_medal:超小型，超高效的库，可帮助您延迟加载几乎所有内容，例如图像，视频，音频，iframe，样式表和JavaScript

    :1st_place_medal: 一个超小型，超高效的库，可帮助您延迟加载几乎所有内容，例如图像，视频，音频，iframe，样式表和JavaScript。 包： 版本：2.4.1 作者：Mai Nhut Tan 版权：2021 AppSeeds 执照： 用例 在...

    Defer-JS:将脚本的加载推迟到页面加载完成后

    延迟JS 将脚本的加载推迟到页面完成加载之后。 将脚本放在页面底部、使用 defer 属性或使用 async 都无法实现这一点。 该脚本实际上确保脚本在页面加载完成后才加载。 只需将脚本从 defer.js 文件中复制出来，并将其...

    javascript 文件的同步加载与异步加载实现原理

    defer: boolean, 可选。延迟脚本执行，相当于将script标签放入页面body标签的底部，js脚本会在document的DOMContentLoaded之前执行。除IE和较新版本的Firefox外，其他浏览器并未支持。 language: 已废弃。大部分...

    High Performance JavaScript(高性能JavaScript)读书笔记分析

    第一章：加载和执行 浏览器的JavaScript的引擎是编译器层的优化； 当浏览器执行JavaScript代码时，不能同时做其他任何事情（单一进程），意味... defer属性可延迟脚本（只有IE4 和FF3.5 支持） 第二章：数据访问 JavaSc

    在HTML中使用JavaScript实例代码

    [removed]标签 　在HTML5中script主要有以下几个属性：async，defer，charset，src，type， async（可选）： 　关键词：异步脚本，外部文件，立即下载；...　关键词：延迟脚本，外部文件，延迟加载； 　

    2.1 认识script和基本数据类型

     defer: 表示文档可以延迟到文档完全被解析和显示之后再执行，只对外部脚本有效。  src: 包含要执行代码的外部文件路径，可以为网络路径（外部域的JavaScript文件）。 3.1 语法 3.1.1 严格模式 ECMAScript5引入...

    程序员面试刷题的书哪个好-front-end-interview:前端面试

    延迟加载的方式) defer 和 async、动态创建 DOM 方式（创建 script，插入到 DOM 中，加载完毕后 callBack）、按需异步载入 js 3.null 和 undefined 的区别？ undefined 是一个表示"无"的原始值，转为数值时为 当声明...

    whitescreen-fouc-test:白屏测试

    whitescreen-fouc-test 写一个 server，验证白屏和 ...表示延迟3秒加载 a.js 将script放到css之前之后分别测试 放到之前加 defer / async 后在进行测试 第四步 分别用 chrome 和 firefox 浏览器测试白屏 和 Fouc 效果

Magicbox
Global site tag (gtag.js) - Google Analytics