首页 web前端 js教程 JS脚本defer的作用示例介绍

JS脚本defer的作用示例介绍

May 16, 2016 pm 05:05 PM
defer js脚本

defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题,下面有个不错的示例,感兴趣的朋友可以参考下。

<script src="../cgi-bin/delscript.js" defer></script> 
中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题---有点问题 
<button id="myButton" onclick="alert(&#39;ok&#39;)">test</button> 
<script> 
myButton.click(); 
</script> 
<script> 
myButton.click(); 
</script>
<button id="myButton" onclick="alert(&#39;ok&#39;)">test</button> 
<script defer> 
function document.body.onload() { 
alert(document.body.offsetHeight); 
} 
</script>
登录后复制

加上 defer 等于在页面完全在入后再执行,相当于 window.onload ,但应用上比 window.onload 更灵活! 

defer是脚本程序强大功能中的一个“无名英雄”。它告诉浏览器Script段包含了无需立即执行的代码,并且,与SRC属性联合使用,它还可以使这些脚本在后台被下载,前台的内容则正常显示给用户。
但是 文档加载完毕了再执行脚本 

最后请注意两点: 

1、不要在defer型的脚本程序段中调用document.write命令,因为document.write将产生直接输出效果。
2、而且,不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。 

一个常用的优化性能的方法是:当脚本不需要立即运行时,在

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

edge浏览器js脚本禁用方法 edge浏览器js脚本禁用方法 Jan 07, 2024 am 11:17 AM

随着edge浏览器的新版更新后很多的小伙伴都很不适应就比如都不知道该怎么禁用js脚本,今天就为各位带来了edge浏览器js脚本禁用的方法,一起来学习下吧。edge浏览器js脚本:1、打开浏览器,点击右上角的三个点,选择“设置”。2、点击左侧任务栏的“高级”。3、下拉找到“网站权限”并点击“管理许可”。4、在“站点权限”中找到“JavaScript”。5、将其后面的开关关闭即可。

Go 语言中的 defer 关键字是什么? Go 语言中的 defer 关键字是什么? Jun 11, 2023 am 09:10 AM

Go语言中的defer关键字是什么?在编写程序时,我们经常需要在某个函数或方法执行完毕后,执行一些清理或资源释放工作。这个时候,Go语言提供了一种方便的机制,通过使用defer关键字,可以将这些清理或资源释放工作推迟到函数或方法返回之前执行。defer关键字是一个编译时解析的语法糖,它通过将一个函数或方法的调用推迟到当前函数或方法返回之前执行,

Golang函数的defer关键字的多种用法 Golang函数的defer关键字的多种用法 May 17, 2023 am 09:01 AM

Golang是一种非常流行的编程语言,其语言特性非常丰富,其中之一就是使用defer关键字来完成一些特定的功能。在本文中,我们将会介绍多种使用defer关键字的方式。延迟函数的执行在Golang中,defer关键字最常用的功能就是延迟函数的执行。这意味着,当函数执行完毕之后,被defer关键字所包装的函数会延迟执行。例如,我们可以使用defer关键字来打印日

Go语言中延迟执行语句是什么 Go语言中延迟执行语句是什么 Jan 11, 2023 pm 06:28 PM

在Go语言中,延迟执行语句是defer语句,语法“defer 任意语句”。defer语句会将其后面跟随的语句进行延迟处理,在defer归属的函数即将返回时,将延迟处理的语句按defer的逆序进行执行;也就是说,先被defer的语句最后被执行,最后被defer的语句,最先被执行。

golang函数的defer和panic golang函数的defer和panic Apr 20, 2024 am 11:06 AM

defer和panic关键字用于控制异常和后置处理:defer:将函数压入栈,在函数返回后执行,常用于释放资源。panic:抛出异常,中断程序执行,用于处理无法继续运行的严重错误。区别:defer仅在函数正常返回时执行,而panic会在任何情况下执行,即使发生错误。

Golang函数的关键字defer和recover配合使用方法 Golang函数的关键字defer和recover配合使用方法 May 15, 2023 pm 11:21 PM

Golang是一种高效,简洁和易于学习的编程语言,它最初由Google开发,并于2009年首次发布。它的设计目标是提高程序员的生产力和代码清晰度。在Golang中,函数的关键字defer和recover经常配合使用,用于处理程序中可能出现的错误。本文将介绍这两个关键字的使用方法,并通过一些示例说明它们的实际应用。一、defer的使用方法defer是一个关键字

Go 语言中的 defer 与 panic 的关系是什么? Go 语言中的 defer 与 panic 的关系是什么? Jun 11, 2023 am 09:00 AM

Go语言是一种新式的编程语言,它新增了一些特色的语法和特性,其中defer和panic是其中两个非常重要的特性。本文将会介绍Go语言中defer和panic的关系以及它们的用法和特点。defer的用法Go语言中的defer语句用于注册一个函数,当这个函数执行结束或当前作用域结束时,会自动执行这个被注册的函数。defer可以用

Golang 函数 defer 的执行顺序和用途 Golang 函数 defer 的执行顺序和用途 Jun 05, 2024 pm 01:10 PM

defer函数在Go语言中用于延迟函数调用到函数返回前执行,按后进先出(LIFO)的顺序调用。其用途包括释放资源、记录日志和恢复异常。后延迟的函数将在先延迟的函数之前调用。

See all articles