wordpress 如何在wp_add_inline_script中添加defer或async属性?

0qx6xfy6  于 2023-08-03  发布在  WordPress
关注(0)|答案(2)|浏览(134)

首先,我使用以下命令将脚本入队:

wp_enqueue_script( "script", plugins_url( "/test/js/script.js", PATH ), array("jquery"), VERSION, true );

字符串
然后在“script”后面插入一个内联脚本。

wp_add_inline_script( "script", "console.log('hello world');" );


现在我需要在内联脚本中添加defer或async属性,有没有办法在**wp_add_inline_script()**嵌入的脚本中添加?

kqlmhetl

kqlmhetl1#

第一个月
wp_script_add_data( 'script', 'async/defer' , true );
see more

h9a6wy2h

h9a6wy2h2#

我知道这不是你要找的,但是defer不起作用,除非有src属性。也就是说,它不适用于内联脚本。
关于MDN docs
defer此布尔属性被设置为向浏览器指示脚本将在文档解析后但在触发DOMContentLoaded之前执行。具有defer属性的脚本将阻止DOMContentLoaded事件触发,直到脚本加载并完成计算。警告:如果src属性不存在(即对于内联脚本),在这种情况下它将没有任何效果。defer属性对模块脚本没有影响-默认情况下它们会延迟。具有defer属性的脚本将按照它们在文档中出现的顺序执行。此属性允许消除解析器阻塞JavaScript,在这种情况下,浏览器必须在继续解析之前加载和评估脚本。async在这种情况下具有类似的效果。

相关问题