javascript 在網(wǎng)頁(yè)中的運(yùn)用(asp.net)

更新時(shí)間：2009年11月23日 00:09:20 作者：

javascript在網(wǎng)頁(yè)中的運(yùn)用實(shí)現(xiàn)，需要的朋友可以參考下。

<%@ 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"> //服務(wù)器端腳本語(yǔ)言 ④ 
protected void Page_Load(object sender, EventArgs e) 
{ 
Button1.Attributes.Add("onclick", "javascript:return confirm('真的準(zhǔn)備刪除嗎？')"); //單擊button1時(shí) 彈出對(duì)話框 
} 
protected void Button1_Click2(object sender, EventArgs e) 
{ 
Response.Write("執(zhí)行刪除任務(wù)嗎?。?); //單擊同意是 執(zhí)行 否則不執(zhí)行 
} 
</script> 
<script language="javascript" type="text/javascript"> //瀏覽器端腳本 ② 
function tupian_onclick(tupian) //服務(wù)器端需傳參數(shù) 
{ 
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()"> //加載腳本文件中的函數(shù) 
<script language ="javascript"> ① 
document.write("<font color=blue>你好,Javascript!</font>"); 
</script> // 在網(wǎng)頁(yè)上顯示字符串 
<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) /> --服務(wù)器javascript腳本函數(shù)調(diào)用需加參數(shù) 
<div id="mydiv" onclick="return mydiv_onclick()"></div> 定義一個(gè)ID為mydiv 
<script src ="test.js"> //調(diào)用腳本文件 ③ 
</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'" /> 
//一班情況下服務(wù)器端不響應(yīng)鼠標(biāo)移動(dòng)事件 通過(guò)此方法可在客戶端響應(yīng)鼠標(biāo)移動(dòng)時(shí)間 
</div> 
</form> 
</body> 
</html>

相關(guān)文章

JavaScript?Generator異步過(guò)度的實(shí)現(xiàn)詳解
生成器Generator是JavaScript?ES6引入的特性，它讓我們可以分段執(zhí)行一個(gè)函數(shù)。但是在談?wù)撋善鳎℅enerator）之前，我們要先了解迭代器Iterator
2022-08-08
谷歌瀏覽器 insertCell與appendChild的區(qū)別
table中增加單元格時(shí) 在谷歌瀏覽器中使用insertCell方法增加列時(shí)，顯示結(jié)果的先后順序與程序執(zhí)行的先后順序相反
2009-02-02
微信小程序中換行空格（多個(gè)空格）寫(xiě)法詳解
這篇文章主要介紹了微信小程序中換行空格（多個(gè)空格）寫(xiě)法詳解,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-07-07
js實(shí)現(xiàn)轉(zhuǎn)盤(pán)抽獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)轉(zhuǎn)盤(pán)抽獎(jiǎng)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
D3.js實(shí)現(xiàn)直方圖的方法詳解
直方圖在我們平常的時(shí)候經(jīng)常見(jiàn)到，那么這篇文章給大家介紹了下如何使用D3.js實(shí)現(xiàn)直方圖，文中通過(guò)實(shí)例介紹的很詳細(xì)，有需要的朋友們可以參考借鑒。
2016-09-09
Bootstrap 填充Json數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了Bootstrap 填充Json數(shù)據(jù)的實(shí)例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-01-01
JavaScript版經(jīng)典游戲之掃雷游戲完整示例【附demo源碼下載】
這篇文章主要介紹了JavaScript版經(jīng)典游戲之掃雷游戲?qū)崿F(xiàn)方法,結(jié)合完整實(shí)例形式分析了掃雷游戲的原理與具體實(shí)現(xiàn)流程,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2016-12-12
js實(shí)現(xiàn)可旋轉(zhuǎn)的立方體模型
這里給大家分享的是通過(guò)js腳本來(lái)控制頁(yè)面中的正方體轉(zhuǎn)動(dòng)特效，用戶可以點(diǎn)擊按鈕向右轉(zhuǎn)動(dòng)，也可以向下轉(zhuǎn)動(dòng)，結(jié)合自己的需求控制即可。效果非常棒，這里推薦給大家
2016-10-10
在JavaScript中使用Promise.allSettled()的方法
Promise.allSettled()是一個(gè)游戲規(guī)則改變者，讓您等待所有承諾得到解決（解決或拒絕），然后根據(jù)結(jié)果采取行動(dòng)，這篇文章主要介紹了如何在JavaScript中使用Promise.allSettled(),需要的朋友可以參考下
2023-07-07
javascript實(shí)現(xiàn)復(fù)選框超過(guò)限制即彈出警告框的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)復(fù)選框超過(guò)限制即彈出警告框的方法,涉及復(fù)選框及警告框的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02