解决ajax加载的页面js无法找到的问题

一时失言乱红尘 2021-09-10 07:18 470阅读 0赞

有一个大页面叫Ａ里面有b和c，b负责菜单，c负责显示内容。每点一次菜单，c里的内容要换一下，但是有些js是在c内容换进来的页面里才有用，所以，我本想写在c1,c2,c3,c4里的，可是写在里面找不到，后来只能写在A里. 但是这样写的话，如果有些菜单很少用到的话，A页面就会很庞大，因为里面加满了引入的js.试了n多办法，都不行，后来想要不在点击菜单的时候把需要的js加载到页面里，但是只是放在c1,c2,c3,c4...里还是找不到，后来就动态放入A的head里了，然后可以找到了。这个问题就先这样办吧。

function changeRight(url,updateDiv) \{  
 loadJs(url)  
 var url = url;  
 var pars = "";  
 var myAjax = new Ajax.Updater(updateDiv, url, \{ method: 'get', parameters: pars\});  
\}

function loadJs(url)\{  
  var tmp = url.split("/");  
  var tmpNode;  
  for(var i=1;i<tmp.length;i++)\{  
   if(i==3)\{  
    tmpNode=tmp\[3\]  
   \}  
 // alert(tmpNode);  
  var num = tmpNode.indexOf(".do");  
  tmpNode = tmpNode.substring(0,num);  
 // alert(tmpNode);  
    
  var oHead = document.getElementsByTagName('HEAD').item(0);       
  var oScript= document.createElement("script");    
     oScript.type = "text/javascript";    
     oScript.src="../../js/"+tmpNode+".js";  
     var tmpvalue = document.getElementById("flagtmp").value;  
    // alert(tmpvalue);  
     if(tmpvalue.indexOf(tmpNode)== -1)\{  
      document.getElementById("flagtmp").value = document.getElementById("flagtmp").value +"-"+ tmpNode;  
      //alert("不存在！"+document.getElementById("flagtmp").value+"------"+tmpvalue.indexOf(tmpNode));  
      oHead.appendChild(oScript);   
     \}  
     else\{  
      //alert("已经存在");  
     \}  
     
 \}  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，470人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS页面加载时候的自动加载函数的方法

方法一：jquery 中：$(function()\{\}）括号内写你的内容 <script> $(function () {

朱雀/ 2024年04月08日 12:44/ 0 赞/ 92 阅读

相关解决SpringBoot前端jsp、html页面无法加载css、js等文件的问题

我的个人网站：[欢迎大家访问][Link 1] 用IDEA编写前端页面的时候发现不能加载css和js文件，运行后效果是这样的： ![在这里插入图片描述][70] 代码

港控/mmm°/ 2023年10月18日 10:26/ 0 赞/ 1 阅读

相关解决Android的Webview加载页面空白问题

解决Android的Webview加载页面空白问题通过webview加载百度地图开发的h5页面时，出现了页面空白的问题。出现这问题通过下面两个设置能解决大部分的问

ゝ一世哀愁。/ 2023年02月11日 07:12/ 0 赞/ 3 阅读

相关解决springmvc中无法加载css、js样式的问题

Hi~ o(\￣▽￣\)ブ这里是一个ssm初学小白，刚学ssm的我打算把自己的javaweb项目拷到ssm项目中，结果居然css样式加载不出来，试了很多方法终于找到问题啦~

我就是我/ 2022年10月02日 09:54/ 0 赞/ 190 阅读

相关解决Cesium无法加载出地球的问题

如图只看得到星空，看不到地球：![地球、.png][.png]界面下方的文本： > This application is using Cesium’s default io

「爱情、让人受尽委屈。」/ 2022年09月04日 02:47/ 0 赞/ 733 阅读

相关【Vue】—解决页面图片加载抖动的问题

【Vue】—解决页面图片加载抖动的问题问题如下 ![请添加图片描述][721b328bbea546c28105d965c4539e54.gif] 解决办法

小灰灰/ 2022年08月28日 15:57/ 0 赞/ 346 阅读

相关关于angular的include指令，include的页面无法加载js问题解决

晚上在看angular时候，遇到了一个问题问题描述： index.html <!DOCTYPE html> <html ng-app='a'>

末蓝、/ 2022年07月12日 02:41/ 0 赞/ 170 阅读

相关 ajax返回的html无法调用原有页面中的js问题

直接说问题吧我今天在调试一个bug的时候（A：主页面；B：新页面） ![70][] 这是A页面发现这个js名是灰色的说明在这个页面里并未调用，而是在ajax

╰+攻爆jí腚メ/ 2022年05月27日 02:09/ 0 赞/ 186 阅读

相关 SpringBoot使用EnableWebMvc无法加载静态页面的问题解决

当在项目中使用EnableWebMvc注解时，默认情况下页面等静态资源没有办法访问到。前台将会报404，后台出现以下错误： No mapping found for

素颜马尾好姑娘i/ 2022年05月11日 06:48/ 0 赞/ 394 阅读

相关解决ajax加载的页面js无法找到的问题

有一个大页面叫Ａ里面有b和c，b负责菜单，c负责显示内容。每点一次菜单，c里的内容要换一下，但是有些js是在c内容换进来的页面里才有用，所以，我本想写在c1,c2,c3,c4里

一时失言乱红尘/ 2021年09月10日 07:18/ 0 赞/ 471 阅读