在javascript函数中添加script src

本文关键字:script src 添加 javascript 函数 | 更新日期: 2023-09-27 17:59:01

在一个项目中,当我在主页中添加更新面板时,即使我在主页上添加了js脚本src,我在另一个页面中的jquery效果也不起作用。当我在谷歌上搜索这个问题时,我发现了一个低于的解决方案

function EndRequestHandler(){        
//document.write("<script type='text/javascript' src='js/Blood_preesure.js'>")
}

然后

function load(){
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}

并在主体加载时调用此函数

<body onload="load()">
  1. 在我的EndRequestHandler()函数中,我想调用脚本src。我用document.write尝试过,但回发后,整个页面都是空白的,什么也不显示
  2. 当我在js文件中添加完整的函数时,一切都正常,但我不想内联代码,因为将代码外部化是一种很好的做法

在javascript函数中添加script src

此处的文档写入不起作用,

function loadjscssfile(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)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

    function load(){
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler(){
 loadjscssfile(yourfilename, 'js');
}

这是因为document.write();每次都会覆盖文档。

您可以通过document.createElement('script')创建一个脚本元素并使用它,最后将其附加到DOM