如何引用当前执行的脚本标签 当你需要动态加载脚本而不需要引用 HEAD 标签时,出现问题:如何引用加载您正在运行的 JavaScript 的当前脚本?以下是实现此目的的几种方法: 1。 Document.currentScript: 此属性返回当前正在处理的元素。它简单、可靠,可与异步脚本配合使用,但旧版浏览器或 IE 不支持。</p> <p></p> <h2>2.按 ID 选择脚本:</h2></h2> <p>为脚本分配 id 属性,您可以使用 document.getElementById() 轻松选择它。虽然它得到普遍支持并可与异步脚本配合使用,但它需要修改脚本标记,并且在极少数情况下可能会导致问题。</p> <p></p> <h2>3. Data-* 属性:</h2></h2> <p>将 data-* 属性附加到脚本允许根据其值进行选择。与 id 方法类似,它适用于异步脚本,但面临额外的挑战和兼容性问题。</p> <p></p> <h2>4.按源 (Src) 选择:</h2></h2> <p>对于从远程源加载的脚本,您可以使用选择器根据源 URL 选择脚本。此方法是可靠的,但它不适用于本地脚本,并且可能容易受到脚本位置更改的影响。</p> <p></p> <h2>5.循环所有脚本:</h2></h2> <p>或者,您可以迭代所有脚本元素并单独检查每个脚本以找到所需的脚本。这允许您同时使用 id 和 data-* 属性技术,但依赖于与旧版浏览器的兼容性。</p> <p></p> <h2>6.最后执行的脚本:</h2></h2> <p>在大多数情况下,最后一个脚本元素将对应于当前运行的脚本,但这种方法对于异步或动态插入的脚本失败。这是一个简单且得到广泛支持的选项,但应考虑其局限性。</p>