关于script 标签的 defer 属性

DEFER Attribute | defer Property

Sets or retrieves the status of the script.

Syntax

HTML             <SCRIPT DEFER … >
Scripting        SCRIPT.defer [ = bDefer ]

Possible Values

    

        

            

            

        

    

bDefer Boolean that specifies or receives one of the following values.            

                

                    

                        

                        

                    

                    

                        

                        

                    

                

            

false Default. Inline executable function is not deferred.
true Inline executable function is deferred.

            

The property is read/write. The property has a default value of false.

Remarks

Using the attribute at design time can improve the download performance of a page because the browser does not need to parse and execute the script and can continue downloading and parsing the page instead.

需要注意的几点:

1.使用了defer="true"属性的script标签应该放在<head></head>之间。如果放在Body之间可能会得不到预期的效果(我试过如果把script放body里,在页面加载的第一次不会起defer的作用,但之后的刷新defer却起作用)。

2.使用了defer="true"属性的script标签里面包含的脚本在运行的过程中,不能使用document.write()方法向页面输出内容。因为设置了defer="true"的脚本是页面加载之后才加载并渲染的.如果这时候使用document.write()方法,会把之前的页面内容都清掉(当然,如果有这个需要的情况除外)。

留下评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据