首页 新闻 搜索 专区 学院

cs后台文件调用外部js中的方法

0
悬赏园豆:10 [已关闭问题] 关闭于 2009-08-17 09:08

我想在页面上通过服务器端的Button控件触发事件并在事件中调用js文件中的方法弹出对话框,可是为什么点击按钮后弹出的对话框一闪就没了。

aa.js

// JScript 文件
function sAlert(str){
          var msgw,msgh,bordercolor;
          msgw=400;//提示窗口的宽度
          msgh=100;//提示窗口的高度
          titleheight=25 //提示窗口标题高度
          bordercolor="#336699";//提示窗口的边框颜色
          titlecolor="#99CCFF";//提示窗口的标题颜色
  
          var sWidth,sHeight;
          sWidth=document.body.offsetWidth;
          sHeight=screen.height;
          var bgObj=document.createElement("div");
          bgObj.setAttribute('id','bgDiv');
          bgObj.style.position="absolute";
          bgObj.style.top="0";
          bgObj.style.background="#777";
          bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
          bgObj.style.opacity="0.6";
          bgObj.style.left="0";
          bgObj.style.width=sWidth + "px";
          bgObj.style.height=sHeight + "px";
          bgObj.style.zIndex = "10000";
          document.body.appendChild(bgObj);
  
          var msgObj=document.createElement("div")
          msgObj.setAttribute("id","msgDiv");
          msgObj.setAttribute("align","center");
          msgObj.style.background="white";
          msgObj.style.border="1px solid " + bordercolor;
              msgObj.style.position = "absolute";
          msgObj.style.left = "50%";
                     msgObj.style.top = "50%";
                     msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
                     msgObj.style.marginLeft = "-225px" ;
                     msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
                     msgObj.style.width = msgw + "px";
                     msgObj.style.height =msgh + "px";
                     msgObj.style.textAlign = "center";
                     msgObj.style.lineHeight ="25px";
                     msgObj.style.zIndex = "10001";
  
            var title=document.createElement("h4");
            title.setAttribute("id","msgTitle");
            title.setAttribute("align","right");
            title.style.margin="0";
            title.style.padding="3px";
            title.style.background=bordercolor;
            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="18px";
            title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
            title.style.color="white";
            title.style.cursor="pointer";
            title.innerHTML="关闭";
            title.onclick=function(){
                 document.body.removeChild(bgObj);
                       document.getElementById("msgDiv").removeChild(title);
                       document.body.removeChild(msgObj);
                       }
            document.body.appendChild(msgObj);
            document.getElementById("msgDiv").appendChild(title);
            var txt=document.createElement("p");
            txt.style.margin="1em 0"
            txt.setAttribute("id","msgTxt");
            txt.innerHTML=str;
                  document.getElementById("msgDiv").appendChild(txt);
                   }

 

 

aspx文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>测试</title>

   <script type="text/javascript" src="aa.js"></script>
</head>
<body>
<form runat="server">
    <div class="cecmbody" id="cecmpolicy">
        <div class="leftClass">

            <input type="button" value="点击这里" onclick="sAlert('测试效果');" />
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </div>
    </div>
</form>
</body>
</html>

 

cs文件

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;

public partial class text2_1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        string js = @"<Script language='JavaScript'>
                       
                        sAlert('aaaaa');
   
                      </Script>";
        ClientScript.RegisterStartupScript(Page.GetType(), "myalert", js);
    }
}

问题补充: 不好意思,js的方法原本是function sAlert(str){}的,我考的时候写错了。
江峰的主页 江峰 | 初学一级 | 园豆:178
提问于:2009-08-04 17:43
< >
分享
所有回答(1)
0

不知道是不是JS写得不规范的问题

首先

function s{ 改成 function s() {

其次

        string js = @"<Script language='JavaScript'>
                       
                        s;
   
                      </Script>";

改成

        string js = @"<Script language='JavaScript'>
                       
                        s();
   
                      </Script>";

Gray Zhang | 园豆:17610 (专家六级) | 2009-08-04 18:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册