Question

我们可以使用.social访问所有styleSheets。访问所有脚本的替代方法是什么？

Answer 1

要获取可以使用的脚本列表

document.getElementsByTagName（“ script”）;
document.scripts;

document.querySelectorAll（“ script”）;

window.onload=function() {
  var scripts = document.getElementsByTagName("script");
  for (var i=0;i<scripts.length;i++) {
    if (scripts[i].src)
      console.log(i,scripts[i].src);
    else 
      console.log(i,scripts[i].innerHTML);
 }
}

DEMO

Answer 2

您可以尝试document.querySelectorAll('script')：

let scripts = [...document.querySelectorAll('script')];
console.log(scripts);

<!DOCTYPE html>
<html>
  <head>
    <script src="/1"></script>
    <script src="/2"></script>
    <title>Page Title</title>
  </head>
  <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

  </body>
</html>

Answer 3

document.querySelectorAll('script')将返回所有脚本的节点列表，例如：

const scripts = document.querySelectorAll('script');

console.log(scripts);

console.log(scripts[0]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

然后，您可以按脚本的索引访问它们。

如何获取HTML文档头中的脚本列表

3 个答案: