1,
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。
在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。
下面我们通过这两个小例子,来了解一下它的使用方法吧:
<html> <head> <title>confrim 的使用方法</title> <script type="text/javascript"> function clear1() { if(confirm("确定要清空数据吗?")) { document.main.text1.value=""; } } </script> </head> <boty> <form name="main"> <input type="text" name="text1"/> <input type="button" name="submit" value="数据清空" onclick="return clear1()"/> </form> </body> </html> <html> <head> <title>js confirm</title> <script> function begin() { var a=confirm("郭杨和小代是好朋友吗?"); if(a==true) { /*document.write("恭喜你答对了!");*/ alert("恭喜你答对了!"); begin(); } else { /*document.write("你真是猪,这么简单的问题都答不对!");*/ alert("你真是猪,这么简单的问题都答不对!"); begin(); } } </script> </head > <body onload="begin()"> </body> </html>
<script type="text/javascript" language="javascript"> function CheckResult() { var confrm = confirm('是否继续发送?'); if (confrm) { var btn_yes = document.getElementById("btn_yes"); btn_yes.click(); } else { window.open('../../IC_manage/ICPNRela.aspx','theNewWindow','width=600,height:480,screenX=175,screenY=175'); } } </script>
使用消息框
使用警告、提示和确认
可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象。
警告消息框
alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
window.alert("欢迎!请按“确定”继续。");
确认消息框
使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。");
if (truthBeTold) {
window.alert("欢迎访问我们的 Web 页!");
} else window.alert("再见啦!");
提示消息框
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "<undefined>"。
与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框
var theResponse = window.prompt("欢迎?","请在此输入您的姓名。");
<script type="text/javascript" language="javascript"> function CheckResult() { var confrm = confirm('该工艺已经关联多个IC卡,是否继续发送?'); if (confrm) { var btn_yes = document.getElementById("btn_yes"); btn_yes.click(); } else { var btn_no = document.getElementById("btn_no"); btn_no.click(); } } </script>
2,如何提供测试路径:首先得先在本地IIS服务上生成网站,然后给网址对方,需要把localhost改为自己计算机名称。
3,
ScriptManager的简单用法
资料中如实是说:
1, ScriptManager(脚本控制器)是asp.net ajax存在的基础.
2, 一个页面只允许有一个ScriptManager,并且放在其他ajax控件的前面.
3,ScriptManager掌管着客户端Ajax页的多有脚本,并在页面中注册Ajax类库,用来实现页面的局部更新和对Web服务的调用.
下面是scriptManager的结构:
下面介绍下ScriptManager的几个属性和一些子元素
a, EnablePartialRendering: (默认局部渲染)比较重要,用来表示此页面是否允许局部刷新(默认为true)
b, AllowCustomErrorsRedirect :当发生错误时候,是否导航到web.config中定义的错误页面,如果设置为false,则使用AsyncPostBackErrorMessage和OnAsyncPostBackError提示错误.
c, AsyncPostBackErrorMessage: 异步调用发生错误时的提示信息.
d, OnAsyncPostBackError: 异步调用发生错误时的事件
e, AsyncPostBackTimeOut: 异步调用的有效时间 默认为 90秒
f, AuthenticationService: 用来表示提供验证服务的路径.
g, ProfileService 表示提供个性化服务的路径
h, Scripts 对脚本的调用,可以恰套多个ScriptReference摸板对多个脚本文件的调用
i, Service 对服务的调用 也可以恰套多个ServiceReference摸板以实现多个服务的引用
下面简单介绍下上面属性的基本使用格式:
调用脚本文件:
脚本语言我们可以直接写在页面的<script></script> 元素内
也可以使用注册方式在页面的head中
<script type="text/javascript" src=""> <script>
在ajax技术中也提供了一种注册方式,
<asp:ScriptManager ID="ScriptManager" runat="server"> <Scripts> <asp:ScriptReference Path="" /> <Scripts> </asp:ScriptManager>
从<Scripts>来看,它可以多个js文件,如果单能实现这个功能觉得微软有点话蛇添足,它的主要用途是调用ajax中已经存在的Javascrtpt脚本文件.
如:
<asp:ScriptManager runat="server" ID="scriptManager"> <Scripts> <asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewScript.js" /> <ssp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewDragDrop.js /> </asp:ScriptManager>
调用Web Service
ScriptManager的主要作用就是在客户端 调用一些服务器的代码,比较常用的就是将web service注册在客户端,从而可以用javascript脚本中实现对web service的调用
下面使用俩个例子说明对web service中方法的调用:
页面代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <input type="text" id="txtName" /> <input type="button" value="带参数的web service方法调用" onclick="ReferencSercviceMethod2()" /> <input type="button" value="不带参数的web service方法调用" onclick="ReferenceServiceMethod1()" /> </div> <asp:ScriptManager ID="ScriptManager1" runat="server"> <Services> <asp:ServiceReference Path="WebServiceTest.asmx" /> </Services> <Scripts> <asp:ScriptReference Path="Script/JScript.js" /> </Scripts> </asp:ScriptManager> </form> </body> </html>
js代码:
function ReferenceServiceMethod1(){ WebServiceTest.HelloWorld(GetResult); } function GetResult(result){ alert(result); } function ReferencSercviceMethod2(){ WebServiceTest.SayHelloWorld(document.getElementById("txtName").value,GetResult); }
web service代码:
using System; using System.Collections; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; /// <summary> ///WebServiceTest 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] //这句一定要加上 [System.Web.Script.Services.ScriptService] public class WebServiceTest : System.Web.Services.WebService { public WebServiceTest () { //如果使用设计的组件,请取消注释以下行 //InitializeComponent(); } [WebMethod] public string HelloWorld() { return "Hello World"; } [WebMethod] public string SayHelloWorld(string name) { return "Hello World " + name; } }
下面简单介绍下用scriptManager的动态注册一个web service
可以删除掉上面页面代码中<Services></Services>段
在page的代码的load事件中加入下面代码:
protected void Page_Load(object sender, EventArgs e) { ServiceReference service = new ServiceReference("WebServiceTest.asmx"); ScriptManager1.Services.Add(service); }
OnAsyncPostBackError的使用
在scriptManager中可以捕获局部更新失败的错误,OnAsyncPostError表示当回发处理发生错误时的事件
AsyncPostBackMessage表示发生错误时的提示信息。
页面代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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>无标题页</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" onasyncpostbackerror="ScriptManager1_AsyncPostBackError"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Button ID="Button1" runat="server" Text="触发错误按钮" onclick="Button1_Click" /> </ContentTemplate> </asp:UpdatePanel> </form> </body> </html>
cs文件代码:
using System; using System.Collections; using System.Configuration; using System.Data; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { try { (int.Parse("") + 1).ToString(); } catch ( Exception ex) { ex.Data["ExtraInfo"] = "类型转换错误!"; throw ex; } } protected void ScriptManager1_AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) { if (e.Exception.Data["ExtraInfo"] != null) { ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message + "---注意"; } else { ScriptManager1.AsyncPostBackErrorMessage = "其他原因导致运行失败"; } } }
4,
ScriptManager.RegisterStartupScript 方法
向 ScriptManager 控件注册一个启动脚本块并将该脚本块添加到页面中。
重载此成员。有关此成员的完整信息(包括语法、用法和示例),请单击重载列表中的相应名称。
名称 | 说明 | |
---|---|---|
RegisterStartupScript(Control, Type, String, String, Boolean) | 使用 ScriptManager 控件为 UpdatePanel 中的某个控件注册一个启动脚本块,并将该脚本块添加到页面中。 | |
RegisterStartupScript(Page, Type, String, String, Boolean) | 为每个异步回发向 ScriptManager 控件注册一个启动脚本块,并将该脚本块添加到页面中。 |
public static void AjaxShow(string msg, bool close) { if (close) { ScriptManager.RegisterStartupScript((System.Web.UI.Page)HttpContext.Current.CurrentHandler, typeof(System.Web.UI.Page), "ShowMessage", "alert('" + msg + "');javascript:window.close();", true); } else { ScriptManager.RegisterStartupScript((System.Web.UI.Page)HttpContext.Current.CurrentHandler, typeof(System.Web.UI.Page), "ShowMessage", "alert('" + msg + "');", true); } }