javascript 在网页中的运用(asp.net)

  

复制代码 代码如下:

  <%@ 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>Untitled Page</title>

  <style type="text/css">

  #mydiv

  {

  height: 89px;

  }

  </style>

  <script runat="server"> //服务器端脚本语言 ④

  protected void Page_Load(object sender, EventArgs e)

  {

  Button1.Attributes.Add("onclick", "javascript:return confirm('真的准备删除吗?')"); //单击button1时 弹出对话框

  }

  protected void Button1_Click2(object sender, EventArgs e)

  {

  Response.Write("执行删除任务吗!!"); //单击同意是 执行 否则不执行

  }

  </script>

  <script language="javascript" type="text/javascript"> //浏览器端脚本 ②

  function tupian_onclick(tupian) //服务器端需传参数

  {

  tupian.src="banner_right_02.gif"

  }

  function tupian_onmouseover(tupian) {

  tupian.src="banner_right_02.gif";

  }

  function tupian_onmouseout(tupian) {

  tupian.src="banner_right_01.gif";

  }

  </script>

  </head>

  <body onload ="test()"> //加载脚本文件中的函数

  <script language ="javascript"> ①

  document.write("<font color=blue>你好,Javascript!</font>");

  </script> // 在网页上显示字符串

  <form id="form1" runat="server"> //表单

  <div>

  <img id="tupian" alt="" src="banner_right_01.gif" //图片

  onclick="return tupian_onclick(tupian)" onmouseover="return tupian_onmouseover(tupian)" onmouseout="return tupian_onmouseout(tupian) /> --服务器javascript脚本函数调用需加参数

  <div id="mydiv" onclick="return mydiv_onclick()"></div> 定义一个ID为mydiv

  <script src ="test.js"> //调用脚本文件 ③

  </script>

  <asp:Button ID="Button1" runat="server" Text="弹出确定框" onclick="Button1_Click2" />

  <asp:ImageButton ID="ImageButton1" runat="server"

  ImageUrl="~/banner_right_01.gif" onclick="ImageButton1_Click" onmouseover="this.src='banner_right_02.gif'" onmouseout="this.src='banner_right_01.gif'" />

  //一班情况下服务器端不响应鼠标移动事件 通过此方法可在客户端响应鼠标移动时间

  </div>

  </form>

  </body>

  </html>