asp.net和javascript怎样结合

最新推荐文章于 2019-08-11 12:49:40 发布

cuijian_ok

最新推荐文章于 2019-08-11 12:49:40 发布

阅读量2.2k

点赞数

分类专栏： javascript编程文章标签： javascript asp.net webform input asp html

本文链接：https://blog.csdn.net/cuijian_ok/article/details/325236

版权

javascript编程专栏收录该内容

7 篇文章 0 订阅

订阅专栏

动态加载一些script
一般来说有三种情况
（1）在前台放置<asp:Literal Runat="server"></asp:Literal>指定位置输出
（2）后台通过RegisterStartupScript和RegisterClientScriptBlock输出
（3）Response.Write输出
举例如下
（1）
前台
<asp:Literal ID="myLiteral" Runat="server"></asp:Literal>
后台
this.myLiteral.Text+="<script>alert('test');</script>";
查看源代码可以看到原来的
<asp:Literal ID="myLiteral" Runat="server"></asp:Literal>
位置变成了
<script>alert('test');</script>
（2）
为了更加清楚看到两个的区别，前台如下
<form id="Form1" method="post" runat="server">
<input type="hidden" value="test" id="myhiden">
</form>
后台如下
Page.RegisterStartupScript("","<script>alert('RegisterStartupScript:'+document.all.myhiden.value)</script>");
Page.RegisterClientScriptBlock("","<script>alert('RegisterClientScriptBlock:'+document.all.myhiden.value)</script>");
结果如下：只出现对话框显示RegisterStartupScript:test
查看源代码如下：
<form name="Form1" method="post" action="WebForm4.aspx" id="Form1">
<input type="hidden" name="__VIEWSTATE" value="dDwtNjU0MzcyMTk1Ozs+NmbLf6dWkF/Q/FLKKsdPPfhFXr0=" />
<script>alert('RegisterClientScriptBlock:'+document.all.myhiden.value)</script>
<input type="hidden" value="test" id="myhiden">
<script>alert('RegisterStartupScript:'+document.all.myhiden.value)</script>
</form>
两者区别不用多说了吧
（3）
我们再加一句Response.Write("test")
查看源代码发现test字样出现在最前面
test
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
用它来输出转向代码比较合适
<script>location.href='page.aspx'</script>

最后在提醒一下大家，有很多人在给一个控件加js代码的时候会这么写：
this.mybody.Attributes["onclick"]="<script>alert('test');</script>";
这么写是不对的
应该是
this.mybody.Attributes["onclick"]="alert('test');";
比如你在前台书写<a οnclick=>的时候你会写<a οnclick='<script>alert('test')<script>'>吗？
道理是一样的！
但是相反，有的人在
Page.RegisterStartupScript("","<script>alert('test');</script>");的时候不写里面的<script>也是不行的
（虽然名字叫Register...Script）