jsp中两个javascript，但是只能成功运行一个，单独都能正常运行。

源码驿站 2024年04月16日 10:03 课程设计 1

一些css代码就省略了。两个js，单独都能正常使用，但是放在一起只有第二个js有反应，第一个没反应。

<%@ page language="java" import="java.util.*,pojo.Consume,Dao.ConsumeDao" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head> 
  <title>分类汇总</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./css/doubleDate.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="./js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" language="javascript" src="./js/doubleDate2.0.js" ></script>
<script>
$(function(){
  $('.doubledate').kuiDate({
    className:'doubledate',
    isDisabled: "0" // isDisabled为可选参数，“0”表示今日之前不可选，“1”标志今日之前可选
  });
});
</script>
<script type="text/javascript" language="javascript" src="./js/jquery-1.10.2.js"></script>
<script>
function alertWin(Cno)
{ 
  /*    $.ajax({
    type:"post",
    url:"./ShowDetail",
    data:{Cno:Cno},
    success:function(data){
      alert("success");
    }
    }); */
   var msgw,msgh,titleheight,bordercolor,titlecolor;
   msgw = 300;//提示窗口的宽度
   msgh = 300;//提示窗口的高度
   titleheight = 25 //提示窗口标题高度
   bordercolor = "#A480B2";//提示窗口的边框颜色
   titlecolor = "#A480B2";//提示窗口的标题颜色

   //根据自己需求注意宽度和高度的调整
   var iWidth = document.documentElement. clientWidth; 
   var iHeight = document.documentElement.clientHeight; 
   //遮罩层
   var bgObj = document.createElement("div"); 
   bgObj.setAttribute("id", "bgObj");//设置ID
   bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;";
   document.body.appendChild(bgObj);

   //弹出窗口
   var msgObj=document.createElement("div");
   msgObj.setAttribute("id", "msgDiv");//可以用bgObj.id="msgDiv"的方法，是为div指定属性值
   msgObj.setAttribute("align", "center");//为div的align赋值
   msgObj.style.background = "white";//背景颜色为白色
   msgObj.style.border = "1px solid " + bordercolor;//边框属性，颜色在上面已经赋值
   msgObj.style.position = "absolute";//绝对定位
   msgObj.style.left = (iWidth-msgw)/2 ;//从左侧开始位置
   msgObj.style.top = (iHeight-msgh)/2;//从上部开始位置
   msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性
   msgObj.style.width = msgw + "px";//提示框的宽(上面定义过)
   msgObj.style.height = msgh + "px";//提示框的高(上面定义过)
   msgObj.style.textAlign = "center";//文本位置属性，居中。
   msgObj.style.lineHeight = "25px";//行间距
   msgObj.style.zIndex = "102";//层的z轴位置
   document.body.appendChild(msgObj);

   //弹出窗口标题
   var title = document.createElement("div");//创建一个标题对象
   title.setAttribute("id", "msgTitle");//为标题对象填加id
   title.style.margin = "0";//浮动
   title.style.padding = "3px";//浮动
   title.style.background = titlecolor;//背景颜色
   title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
   title.style.opacity = "0.75";//透明
   //title.style.border="1px solid " + bordercolor;//边框
   title.style.height = "25px";//高度
   title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性
   //title.style.color = "red";//文字颜色
   title.style.cursor = "move";//鼠标样式
   $.ajax({
   type:"post",
    url:"ShowDetail?Cno="+Cno,     
    dataType:"json",       
    success:function(data){       
    },error:function(){          
    alert("请求出错");
    }});
   title.innerHTML="<table border='0' width='100%'><tr><td align='center'>收银小票单</td><td align=\"right\"><a href='#' onclick='closeDiv()'>关闭</a></td></tr><tr><td align='center'>时间：</td></tr><tr><td align='left'>三得利青柠水</td></tr></table>";
   msgObj.appendChild(title);//在提示框中增加标题 
}
//添加关闭功能
function closeDiv() 
{
  var msgTitelObject = document.getElementById("msgDiv");
  document.body.removeChild(msgTitelObject);
  var bgObj = document.getElementById("bgObj");
  document.body.removeChild(bgObj);
}
</script> 
</head> 
 <body>
 <ul >
  <li>开始日期：</li>
  <li><input type="text" readonly="readonly" /></li>
  <li ></li>
  <li>结束日期：</li>
  <li><input type="text" readonly="readonly" /></li>
</ul>
 <form action="FF" name="myform" id="myform">
 <div ><img src="image/tu4.gif" width="130" height="130" border="0" /></div>
 <div ><br><br><br><center><font face="楷体"color="#000000" size=5><strong>您的消费账单：</strong></font></center></div>
  <div >
……………………………………………………………………………… 
  </table>
    </div>
  </form>
 </body>
</html>

共2条回复我来回复

源码码头网
这个人很懒，什么都没有留下～
评论

不要重复导入jquery框架，你在导入会导致你的kuiDate扩展被覆盖掉了。当然还需要注意jquery版本兼容性的问题，2+不兼容ie8- 。

0条评论
代码港湾
这个人很懒，什么都没有留下～
评论

alertWin这个方法中的ajax是异步请求的，ajax后面的代码跟ajax的success分支的代码是在两个线程中执行的。

0条评论

发表回复

登录后才能评论

jsp中两个javascript，但是只能成功运行一个，单独都能正常运行。

回复

发表回复

随便看看

热门回答