<%@ 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>