javascript 在網頁中的運用(asp.net)_javascript技巧

來源:互聯網
上載者:User

複製代碼 代碼如下:

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.