JavaScript - Làm cách nào để gọi URL của tập lệnh?

Tôi bao gồm myscript.js trong tệp http://site1.com/index.htmlnhư sau:

<script src=http://site2.com/myscript.js></script>

Bên trong "myscript.js", tôi muốn truy cập vào URL " http://site2.com/myscript.js ". Tôi muốn có một cái gì đó như thế này:

function getScriptURL() {
    // something here
    return s
}

alert(getScriptURL());

Nó sẽ cảnh báo " http://site2.com/myscript.js " nếu được gọi từ index.html được đề cập ở trên.

Từ http://feather.elektrum.org/book/src.html :

var scripts = document.getElementsByTagName('script');
var index = scripts.length - 1;
var myScript = scripts[index];

Biến myScriptbây giờ có phần tử dom script. Bạn có thể lấy url src bằng cách sử dụng myScript.src.

Lưu ý rằng điều này cần phải thực hiện như một phần của đánh giá ban đầu của tập lệnh. Nếu bạn muốn không làm ô nhiễm không gian tên Javascript, bạn có thể làm điều gì đó như:

var getScriptURL = (function() {
    var scripts = document.getElementsByTagName('script');
    var index = scripts.length - 1;
    var myScript = scripts[index];
    return function() { return myScript.src; };
})();

Bạn có thể thêm thuộc tính id vào thẻ script của mình (ngay cả khi nó nằm trong thẻ head):

<script id="myscripttag" src="http://site2.com/myscript.js"></script>

và sau đó truy cập vào src của nó như sau:

document.getElementById("myscripttag").src

tất nhiên giá trị id phải giống nhau cho mọi tài liệu bao gồm tập lệnh của bạn, nhưng tôi không nghĩ đó là một sự bất tiện lớn cho bạn.

Mọi thứ ngoại trừ IE hỗ trợ

document.currentScript

Tôi đã viết một lớp để tìm đường dẫn các tập lệnh hoạt động với các thẻ tập lệnh tải chậm và không đồng bộ.

Tôi đã có một số tệp mẫu liên quan đến các tập lệnh của mình, vì vậy thay vì viết mã cứng, tôi đã tạo lớp để tạo các đường dẫn tự động. Nguồn đầy đủ ở đây trên github.

Một thời gian trước, tôi đã sử dụng arg.callee để thử và làm điều gì đó tương tự nhưng gần đây tôi đã đọc trên MDN rằng nó không được phép ở chế độ nghiêm ngặt .

function ScriptPath() {
  var scriptPath = '';
  try {
    //Throw an error to generate a stack trace
    throw new Error();
  }
  catch(e) {
    //Split the stack trace into each line
    var stackLines = e.stack.split('\n');
    var callerIndex = 0;
    //Now walk though each line until we find a path reference
    for(var i in stackLines){
      if(!stackLines[i].match(/http[s]?:\/\//)) continue;
      //We skipped all the lines with out an http so we now have a script reference
      //This one is the class constructor, the next is the getScriptPath() call
      //The one after that is the user code requesting the path info (so offset by 2)
      callerIndex = Number(i) + 2;
      break;
    }
    //Now parse the string for each section we want to return
    pathParts = stackLines[callerIndex].match(/((http[s]?:\/\/.+\/)([^\/]+\.js)):/);
  }

  this.fullPath = function() {
    return pathParts[1];
  };

  this.path = function() {
    return pathParts[2];
  };

  this.file = function() {
    return pathParts[3];
  };

  this.fileNoExt = function() {
    var parts = this.file().split('.');
    parts.length = parts.length != 1 ? parts.length - 1 : 1;
    return parts.join('.');
  };
}

nếu bạn có cơ hội sử dụng jQuery, mã sẽ giống như sau:

$('script[src$="/myscript.js"]').attr('src');

Giải pháp đơn giản và dễ hiểu hoạt động rất tốt:

Nếu không phải IE, bạn có thể sử dụng document.currentScript
Đối với IE, bạn có thể làm document.querySelector('script[src*="myscript.js"]')
như vậy:

function getScriptURL(){
 var script =  document.currentScript || document.querySelector('script[src*="myscript.js"]')
 return script.src
}

Mã sau cho phép bạn tìm phần tử tập lệnh với tên đã cho

var scripts = document.getElementsByTagName( 'script' );
        var len = scripts.length
        for(var i =0; i < len; i++) {
            if(scripts[i].src.search("<your JS file name") > 0 && scripts[i].src.lastIndexOf("/") >= 0) {
                absoluteAddr = scripts[i].src.substring(0, scripts[i].src.lastIndexOf("/") + 1);
                break;
            }
        }

Bạn không thể sử dụng location.href hoặc location.host và sau đó thêm tên script?