`
zhangyaochun
  • 浏览: 2613019 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

<script>标签的defer属性

阅读更多

defer属性

 

    -----------规定是否对脚本执行延迟,直到页面加载为止。

 

如果您的脚本不会改变文档的内容,可将defer属性加入到<script>标签中,以便加快处理文档的速度。

 

 

<script type="text/javascript" defer="defer">
</script>

 

浏览器支持

 

只有IE支持defer属性。

 

 

语法

<script defer="value">

属性值

值 描述
defer 延迟脚本的执行。

 

 

扩展阅读:

 

http://www.w3school.com.cn/tags/att_script_defer.asp

分享到:
评论

相关推荐

    Script中defer的作用

    &lt;title&gt;Defer属性演示&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Defer属性演示&lt;/h1&gt; &lt;p&gt;下面的段落将在脚本执行后动态插入。&lt;/p&gt; &lt;script src="script1.js" defer&gt;&lt;/script&gt; &lt;script src="script2.js" defer&gt;&lt;/script&gt; &lt;/...

    HTML5 对各个标签的定义与规定:script

    下面将详细介绍`&lt;script&gt;`标签的各项属性及其使用方法。 #### `src`属性 - **定义**: 该属性用于定义一个URL,指向包含脚本的外部文件。通过这种方式,可以避免将脚本直接嵌入到HTML文档中,从而使得代码更加清晰、...

    javascript中的用法与意思

    ### JavaScript中的`&lt;script type="text/javascript"&gt;`标签详解 #### 标签含义与作用 在Web开发中,`&lt;script&gt;`标签是HTML文档中用于嵌入或引用JavaScript代码的关键元素之一。它允许开发者直接在HTML文档内部编写...

    javascript写在head标签中产生的报错.pdf

    1. **延迟脚本执行**:可以使用`&lt;script&gt;`标签的`defer`属性,这会让浏览器等待HTML解析完成后再执行JavaScript,但不会阻止页面渲染。 ```html &lt;script defer src="your-script.js"&gt;&lt;/script&gt; ``` 2. **异步加载*...

    导入css的4种方式和导入js的方式

    为了优化脚本加载对页面渲染的影响,可以为`&lt;script&gt;`标签添加`async`或`defer`属性。`async`表示异步加载,脚本加载不会阻塞页面渲染,但执行顺序不确定;`defer`表示延迟加载,所有`defer`脚本按顺序执行,但在`...

    第2章 使用JavaScript1

    3. 脚本位置:通常将&lt;script&gt;标签放置于&lt;head&gt;和&lt;body&gt;之间,但这不是唯一选择,有时根据需求也可以将其置于&lt;body&gt;标签内。 4. 注释处理:在过去,为了兼容不支持JavaScript的浏览器,常在&lt;script&gt;标签内添加HTML...

    js优化1

    因此,最佳实践是将&lt;script&gt;标签移至&lt;body&gt;标签底部,这样可以先加载和渲染大部分页面内容,提高用户体验,尤其是对于首屏内容的显示。 此外,可以考虑以下优化策略: 1. 使用异步加载:通过async属性,脚本可以...

    引入JavaScript脚本代码到HTML文档中

    在HTML中,浏览器遇到`&lt;script&gt;`标签时会立即加载并执行其中的代码,如果遇到`src`属性指向外部文件,浏览器会暂停HTML解析,等待脚本加载并执行完毕后再继续。 为了优化页面加载性能,可以使用`async`或`defer`...

    html里js怎么使用知识分享.docx

    传统做法是将`&lt;script&gt;`标签放在`&lt;head&gt;`标签中,但这会导致页面内容直到所有JavaScript下载并执行完毕后才显示。为提高用户体验,现代做法是将`&lt;script&gt;`标签放在`&lt;body&gt;`标签的底部,例如: ```html ... &lt;body...

    解决ajax返回innerHTML中javascript不能运行问题

    如果单适用 IE 浏览器,最简单的方式就是在 `&lt;div&gt;` 中的 `&lt;script&gt;` 标签中添加属性 `defer`,它可以通知 IE 该脚本需要异步解析。但是令人头痛的是 Firefox 的标准总是和 IE 有着各种各样的不同,由于 FF 不支持 `...

    关于JS和html代码的执行先后问题

    1. 如果`&lt;script&gt;`标签位于`&lt;head&gt;`部分且没有`async`或`defer`属性,JavaScript代码会立即执行,阻止浏览器继续解析HTML,直到脚本执行完毕。 2. 如果`&lt;script&gt;`标签位于`&lt;body&gt;`部分,或者有`async`属性(表示异步...

    JavaScript引入方式

    - 在HTML文档中,使用`&lt;script&gt;`标签并通过`src`属性指定.js文件的路径。 - `src`属性值为.js文件的相对路径或绝对路径。 - 外部脚本文件中不应包含`&lt;script&gt;`标签。 **示例代码**: ```html &lt;!DOCTYPE html&gt; ...

    JS标签详解

    2. `async`和`defer`属性:这两个属性用于控制`&lt;script&gt;`标签加载和执行的时机。`async`属性使得脚本异步加载,不会阻塞页面渲染,但执行顺序不确定。`defer`属性则保证脚本在HTML解析完成后,DOMContentLoaded事件...

    JS中script标签defer和async属性的区别详解

    当`&lt;script&gt;`标签中不包含`defer`或`async`属性时,浏览器会立即加载并执行相应的脚本。在脚本加载和执行完成之前,浏览器会暂停解析后续的HTML文档,这就意味着,如果脚本位于文档中间,浏览器会等待该脚本加载完成...

    HTML5 script元素async、defer异步加载使用介绍

    **defer属性** 与`async`不同,`defer`属性保证了脚本会按照在HTML文档中的顺序执行,但脚本的执行会等到整个HTML文档解析完毕,DOM构建完成,即在`DOMContentLoaded`事件触发之前。这样既保持了执行顺序,又避免了...

    HTML5应用开发技术-JavaScript入门.pptx

    在HTML5中,`&lt;script&gt;`标签新增了`async`和`defer`两个属性。`async`表示异步加载,脚本下载不会阻塞页面渲染,但下载完成后会立即执行,可能会影响执行顺序。`defer`则表示延迟执行,脚本在HTML解析完毕后,...

    JavaScript执行顺序

    另外,使用`&lt;script async&gt;`或`&lt;script defer&gt;`属性可以控制脚本的加载和执行时机,实现更灵活的加载策略。 总结来说,JavaScript的执行顺序是由HTML解析顺序、预编译阶段和执行阶段的规则以及代码块的概念共同决定...

    详解关于html,css,js三者的加载顺序问题

    在&lt;script&gt;标签中加入defer属性,可以让浏览器将JavaScript脚本的下载与DOM解析并行进行,但会等到DOM文档完全解析后再执行脚本。async属性告诉浏览器该脚本是异步下载和执行的,不需要等待其他脚本或CSS文件的加载...

    网页设计代码大全.docx编程资料

    - `&lt;script&gt;`:定义JavaScript脚本,常用属性包括: - `type`:指定脚本语言类型,默认是`text/javascript`。 - `language`:早期版本的HTML使用此属性,现已废弃。 - `src`:指定外部脚本文件的URL路径。 - `...

Global site tag (gtag.js) - Google Analytics