怎样使asp.net页面生成的页面执行客户端脚本？

hongjianfang 2009-05-12 10:16:17

我在asp.net中用了<asp:HyperLink>，并在后台用如this.HyperLink0.Attributes["onmouseover"] = "javascript:qiehuan(0)";添加mouse属性，调试生成的页面代码如下，可是怎么也没执行到脚本中的XXX（），请教各路高手解惑。

<form>

<script type='text/javascript'>
function XXX(num){
}
</script>

........
<a id="HyperLink0" onmouseover="XXX(0)" ..></a>
<a id="HyperLink1" onmouseover="XXX(1)" ..></a>

</form>

网上有说使客户端脚本放到form外可以，我试着将<script>的代码放到head间，好像也没起作用。

但是把生成的页面代码拷出改为.html后缀便可执行到了，
？？？？

...全文

85 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

ijunxiong 2009-05-17

打赏
举报

没有在form1里可以吗？，，
好像正确格式是
<body><form>

..htmls

</form>
</body>

No_Data_Found 2009-05-13

打赏
举报

另外你的页面要嵌入 form

No_Data_Found 2009-05-13

打赏
举报

for(var id = 0;id<4;id++)

toxxj 2009-05-13

打赏
举报

其实一楼的例子是给你测试用的，如果有alert弹出消息，表示你的js函数调用起作用了

试下把 <span>登录页面</span> 去年<span>标签看看

阳光游子 2009-05-13

打赏
举报

学习~！

hongjianfang 2009-05-13

打赏
举报



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test1.aspx.cs" Inherits="Test1" Theme="myskin" %>



<!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">

    <title>Test1</title>

    <script language="javascript" type="text/javascript">

	function qiehuan(num){

		for(var id = 0;id<=4;id++)

		{

			if(id==num)

			{

				document.getElementById("qh_con"+id).style.display="block";

				document.getElementById("mynav"+id).className="nav_on";

			}

			else

			{

				document.getElementById("qh_con"+id).style.display="none";

				document.getElementById("mynav"+id).className="";

			}

		}

	}

</script> 

</head>

<body>

   



    <div id="menu_out">

                    <div id="menu_in">

                        <div id="menu">

                        <ul id="nav">

                            <li class="menu_line"></li>

                            <li><asp:HyperLink ID="HyperLink0" runat="server" NavigateUrl="~/Default.aspx" CssClass="nav_off">

                                <span>登录页面</span></asp:HyperLink></li>

                            <li class="menu_line"></li>

                            <li><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/TotalPlan.aspx" CssClass="nav_off">

                                <span>XXX</span></asp:HyperLink></li>

                            <li class="menu_line"></li>

                            <li><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/ONUBoxBuilder/ONUBoxBuild.aspx" CssClass="nav_off">

                                <span>XXX</span></asp:HyperLink></li>

                            <li class="menu_line"></li>

                            <li><asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/Register.aspx" CssClass="nav_off">

                                <span>XXX</span></asp:HyperLink></li>

                        </ul>

                        <div id="menu_con">

                            <div id="qh_con0" style="display: block"><ul><li><a href="#"><span>MMM</span></a></li></ul></div> 

                            <div id="qh_con1" style="display: none"><ul><li><a href="#"><span>MMM</span></a></li></ul></div> 

                            <div id="qh_con2" style="display: none"><ul><li><a href="#"><span>MMM</span></a></li></ul></div> 

                            <div id="qh_con3" style="display: none"><ul><li><a href="#"><span>MMM</span></a></li></ul></div> 

                        </div>

                        </div>

                    </div>



    </div>

     <form id="form1" runat="server">

    </form>

</body>

</html>



public partial class Test1 : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        this.HyperLink0.Attributes["onmouseover"] = "javascript:qiehuan(0)";

        this.HyperLink1.Attributes["onmouseover"] = "javascript:qiehuan(1)";

        this.HyperLink2.Attributes["onmouseover"] = "javascript:qiehuan(2)";

        this.HyperLink3.Attributes["onmouseover"] = "javascript:qiehuan(3)";

    }



}

asp页面及后台代码如上
调试生成的页面代码（部分）如下：



<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>

	Test1

</title>

    <script language="javascript" type="text/javascript">

	function qiehuan(num){

		for(var id = 0;id<=3;id++)

		{

			if(id==num)

			{

				document.getElementById("qh_con"+id).style.display="block";

				document.getElementById("mynav"+id).className="nav_on";

			}

			else

			{

				document.getElementById("qh_con"+id).style.display="none";

				document.getElementById("mynav"+id).className="";

			}

		}

	}

</script> 

<link href="App_Themes/myskin/test_css.css" type="text/css" rel="stylesheet" /></head>

<body>

   



    <div id="menu_out">

                    <div id="menu_in">

                        <div id="menu">

                        <ul id="nav">

                            <li class="menu_line"></li>

                            <li><a id="HyperLink0" class="nav_off" onmouseover="javascript:qiehuan(0)" href="Default.aspx">

                                <span>登录页面</span></a></li>



......

function qiehuan执行不到，拷出生成.html文档后却可以，各路英雄救命！

hmily821023 2009-05-12

打赏
举报

<head runat="server">
<title></title>
<script>
function XXX(num) {
alert(num);
}

</script>
</head>//放在head里试一试

以专业开发人员为伍 2009-05-12

打赏
举报

把你的问题简化成一个简单的aspx，贴出源代码，复现你的问题。

hongjianfang 2009-05-12

打赏
举报

楼上可以误解了我的意思，这个在后台添加属性我已经实现了
现在的问题是：
生成的客户端的页面代码（在浏览器中右键查看源文件）中有上面写的脚本，链接<a>中也有onmouseover事件，可脚本中的代码就是没起作用。我把这个源文件另外拷出生成.html文件，运行，这回有效果。但这不是我要的，因为我发布出来的可是.aspx文件。所以我要问.aspx中如何实现。

依然感谢楼上的回复

wxg22526451 2009-05-12

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title></title>

    <script>

        function XXX(num) {

            alert(num);

        } 



    

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:HyperLink ID="HyperLink0" runat="server">HyperLink</asp:HyperLink>

    </div>



    </form>

</body>

</html>

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                this.HyperLink0.Attributes["onmouseover"] = "javascript:XXX(0)";

            }