Question

我有一个应用程序，它引用了一个javascript文件。长话短说，对于很多原因，我不能改变这个js文件，也不能改变它被引用的地方。所以我想使用javsacript将参考文件路径更改为我的文件。

ie：在我的应用程序中，我在页面末尾有一个引用，如：

   <script src="FileThatIsCorrupted.js"></script>

我无法更改此文件的引用路径，也无法更改此文件的内容。

但我有另一个js文件加载到页面顶部

 <script src="FileIHaveFullControl.js"></script>

我想在我的fullControl文件中编写一个Snippet来将引用路径更改为

<script src="CorrectFile.js"></script>

我试过document.querySelectorAll('script')和document.find('script') 但这没有帮助。需要任何指针

Answer 1

也许，您可以尝试使用jquery的holdready函数，如下面的

$.holdReady( true );
$.getScript( "myplugin.js", function() {
   $.holdReady( false );
});

然后你必须寻找包含属性src的脚本元素，如＆＃34; FileIHaveFullControl.js＆＃34;并删除它。

$("script").each(function(i, j){
    if($(this).attr("src").equals("corrupted file url"))
        $(this).remove(); 
});

有关jquery参考http://api.jquery.com/jquery.holdready/

的大部分信息

Answer 2

假设您无法访问html文件，因此您无法对其进行编辑（否则问题没有意义），我很害怕我必须通知您脚本src只能设置一次。它无法改变它。

但事实证明你可以用dom代替。我在网上找到了这个功能：

function createjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 return fileref
}

function replacejscssfile(oldfilename, newfilename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist using
 var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
 var allsuspects=document.getElementsByTagName(targetelement)
 for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
  if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(oldfilename)!=-1){
   var newelement=createjscssfile(newfilename, filetype)
   allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
  }
 }
}

replacejscssfile("oldscript.js", "newscript.js", "js") //Replace all occurences of "oldscript.js" with "newscript.js"
replacejscssfile("oldstyle.css", "newstyle", "css") //Replace all occurences "oldstyle.css" with "newstyle.css"

消息来源代码：

http://www.javascriptkit.com/javatutors/loadjavascriptcss2.shtml

javascript - 更改页面源参考文件路径

2 个答案: