服务器控件调用JS
一、两类JS的触发设计
1.提交之前的JS -- 加js的事件
例:
<script language="javascript">
// 构造函数
function test()
{
alert("abcdefg");
return true;
}
</script>

// 添加点击事件,点击按钮后调用test 返回值,如果获得Faluse 则不执行C#代码 ;true 执行代码;
<asp:Button ID="Button1" runat="server" OnClientClick="return test();" Text="Button" OnClick="Button1_Click" />

C#代码:

2.提交之后 的JS -- 用C#代码向页面上写<script>..</script>
在aspx 页面添加 Literal 控件
在cs 页面:
Label1.Text = DateTime.Now.ToString();
// literal 控件用于页面输出。其内容是可以编程的
Literal1.Text = "<script language=javascript>alert('" + DateTime.Now.ToString() + "正确吗?')</script>";
可以实现点击按钮前后弹出提示信息;

二、除了Button之外的其它控件如何触发JS?(其他控件没有Onclick 事件)
要点思想:
1.直接在服务端控件的HTML代码中加上JS的事件。
2.在C#代码界面中的PageLoad中,使用“控件名.Attributes.Add("键","值");”

例子:效果:点击前提示(“请输入姓名”) 输入后不提示 。输入值直接传给Label文本框;
★★★★★★★★★★★★控件:TEXTBOX★★★★★★★★★★★★★★
HTML 知识点:
// document - HTML 文档 getElementById("to") - 其中的 id="to" 的 HTML 元素
// innerHTML - HTML 元素的内部文本
document.getElementById("to").innerHTML=

代码:
1 添加TEXTBox 控件后,在aspx 中添加Onblur(失去焦点后触发) 事件,
<asp:TextBox ID="TextBox1" onfocus="this.value='';" onblur="document.getElementById('Label1').innerHTML=this.value;" runat="server" Height="47px">必填</asp:TextBox>
★★★★★★失去焦点触发事件★★★★★★ onblur="document.getElementById('Label1').innerHTML=this.value;"

★★★★★★★★★★★Label★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
效果:添加点击事件,点击后弹出”你好“提示
代码:<asp:Label ID="Label2" runat="server" onclick="alert('你好!');" Text="Label"></asp:Label>

★★★★★★★★★★★ RadioButten★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
效果: 点击“同意” “下一步” 点击”不同意“ “下一步不可用”
知识点补充:
setAttribute() 方法用于改变属性的值
removeAttribute() 方法删除指定属性。

<asp:RadioButton ID="RadioButton1" runat="server" onclick="document.getElementById('Button2').removeAttribute('disabled')" GroupName="q" OnCheckedChanged="RadioButton1_CheckedChanged" Text="同意" />
<asp:RadioButton ID="RadioButton2" runat="server" onclick="document.getElementById('Button2').setAttribute('disabled','disabled')" Checked="True" GroupName="q" Text="不同意" />

服务器调用JS的更多相关文章

  1. 配合 APP 调用 JS 的一次尝试

    项目初衷 最初的场景是用户在对购物车的操作中,由于用户对购物车的每次操作(包括选择,调整数量)都需要计算商品的促销和分组的情况,而这段逻辑的计算都需要调用后端的接口,那么瓶颈来了: 请求时间长--一次 ...

  2. JS调用OC方法并传值,OC调用JS方法并传值////////////////////////zz

     iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码)     最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...

  3. dropdownlist值改变时调用js

    DropDownList的OnSelectedIndexChanged方法是服务器端方法如要用需要设置AutoPostBack选项为true,并且在服务器后台写方法 要调用js方法需要onchange ...

  4. NET CORE通过NodeService调用js

    在 .NET Framework 时,我们可以通过V8.NET等组件来运行 JavaScript,不过目前我看了好几个开源组件包括V8.NET都还不支持 .NET Core ,我们如何在 .NET C ...

  5. 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

    [问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@ ...

  6. iOS开发--OC调用JS篇

    OC调用JS篇 其中相对应的html部分如下: <html> <header> <meta http-equiv="Content-Type" con ...

  7. js调用php和php调用js的方法举例

    js调用php和php调用js的方法举例1 JS方式调用PHP文件并取得php中的值 举一个简单的例子来说明: 如在页面a.html中用下面这句调用: <script type="te ...

  8. ActiveX(三)ActiveX 调用 Js

    在上一篇随笔: ActiveX(二)Js 监听 ActiveX中的事件  中,已经可以实现 Js 监听 ActiveX中的事件,至此.Js 和 ActiveX 已经可以实现双向通讯了.但是.这样的实现 ...

  9. c# winform 调用js

    1. 在winform中加入一个 WebBrowser 控件: 2. webBrowser控件加载html文件,html文件中包含了js代码, 代码如下(必须在 InitializeComponent ...

随机推荐

  1. Castle 开发系列文章

    转自:http://terrylee.cnblogs.com/archive/2006/04/28/castl_ioc_article.html Castle是针对.NET平台的一个开源项目,从数据访 ...

  2. sublime text 3 licence code

    Update:2016年3月9日09:14:12 可用 —– BEGIN LICENSE —–Michael BarnesSingle User LicenseEA7E-8213858A353C41 ...

  3. Oracle数据库多语言文字存储解决方案

    一.关于字符集 字符集(也称字元集,Character Set)就是字符编码表(codepage),一个字符不论英文.中文.韩文等在计算机系统内存或硬盘中通过二进制的字节(Byte)保存,这个二进制的 ...

  4. 怎样对ListView的项进行排序

    当您使用资源浏览器查看文件时,您能够随心所欲的按名称.大小.类型及改动日期不同的列对文件进行大小排序..Net提供的ListView组件没有直接提供这样的功能,但要实现并不难.   ListView. ...

  5. [Unity3D]Unity3D游戏开发之在3D场景中选择物体并显示轮廓效果

    大家好,我是秦元培,欢迎大家关注我的博客,我的博客地址是blog.csdn.net/qinyuanpei. 在<仙剑奇侠传>.<古剑奇谭>等游戏中,常常须要玩家在一个3D场景中 ...

  6. jQuery循环滚动新闻列表

    最近由于项目原因,学习了下jquery,实现了一个小小的功能,就是点击公告的上一条下一条来查看滚动条.具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DT ...

  7. scenes & segues within storyboards

    Scenes Scenes in a storyboard represent content shown within one screen in your application. A scene ...

  8. C# udpclient 发送数据断网后自动连接的方法

    需求 有一个winform程序, 用来调试路由器和对路由器吞吐量进行测试 需要后台不断的接收来自udp服务器端的数据,同时要发送数据到服务器端(无线路由器) 设计时候,通过一个线程,for(;;)死循 ...

  9. android编程之ExpandableListView使用总结

    ExpandableListView这个类与其他android列表形式视图是比较类似的,看源码的话,可以知道它是多种视图组合而成.今天不分析源码,只写些使用心得.   1.Button 对,没错,就是 ...

  10. 转:《JavaScript—之对象参数的引用传递》

    转自:博客园 Wayou http://www.cnblogs.com/Wayou/p/javascript_arguments_passing_with_reference.html 变量 1.Ja ...