使用src/href读取链接或脚本标签的内容

Question

如何使用

读取文件的内容?

<link href='path/to/file'/>

我明白，如果添加属性type="text/css"，那么它们可以使用document读取。样式表，但是我很难弄清楚如何获得该元素的内容。

我理解lesscss.js库使用没有ajax get调用。

: http://lesscss.org/少用

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script>

我需要包括一些模板进入页面，越早加载越好，(vs后做jquery和js加载)

谢谢!

Answer 1

我理解你之前使用jquery的意思。但是你说的"before js"是什么意思呢?

当你加载less.js(不依赖于jQuery)时，浏览器会在jQuery初始化之前运行less.js。注意less.js需要JavaScript。

您可以利用XMLHttpRequest读取这样一个文件的内容。如何在浏览器中显示从.less文件编译的css ?

关于less.js，您可以在https://github.com/less/less.js/blob/master/dist/less-1.7.4.js

找到该文件的源代码。

我明白，如果添加属性type="text/css"，那么它们可以使用document读取。样式表，但是我很难弄清楚如何获得该元素的内容。

全局less.js使用两步来完成:

1. 首先，它将建立一个路径列表，如下所示:

   //
   // Get all <link> tags with the 'rel' attribute set to "stylesheet/less"
   //
   var links = document.getElementsByTagName('link');
   less.sheets = [];
   for (var i = 0; i < links.length; i++) {
       if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) &&
          (links[i].type.match(typePattern)))) {
           less.sheets.push(links[i]);
       }
   }
   

2. 然后也使用XMLHttpRequest读取这些文件的内容。参见less-1.7.4.js第7720行doXHR函数。