tony的程式開發: 9月 2019

https://leofunlife3.blogspot.com/2019/01/jscs.html

前端js/後端cs互相傳值

//新增一個hidden變數, 前後端pass value可透過此變數(常用手法)

<input type="hidden" id="abc" runat='server' />

//新增一個js, 把要傳給後端的參數寫到hidden變數

<script type="text/javascript">

function setvalue() {

var a = document.getElementById("abc");

a.value = "這是js要給後端的參數";

}

</script>

test.aspx.cs(後端)

Label1.Text = "承接js傳過來的參數是 "+ Request.Params["abc"];

後端CS傳值給前端JS

test.aspx.cs(後端)

protected void Page_Load(object sender, EventArgs e) {

form1.InnerHtml = "";

for (int i = 0; i < 10; i++) {

form1.InnerHtml += "<button onclick='send(" + i + ")'>click</button>";

}

}

test.aspx(前端)

<script type="text/javascript">

function send(id) {

alert(id);

}

</script>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="prjJavascrip.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
var over = function (element) {
element.style.color = "red";
}
var out = function (element) {
element.style.color = "black";
}
//javascript動態的註冊事件處理器
function init() {
var btn = document.getElementById("btn");
btn.onclick = function () {
alert("Clicked");
}
//javascript動態的註冊事件處理器
var btn2 = document.getElementById("btn2");
var handler = function () { //準備一個事件處理器(對應事件的函式)
alert("Clicked");
}
btn2.addEventListener("click"/*事件的名稱*/, handler);

var btn3 = document.getElementById("btn3");

var handler3 = function (e) {
//1.使用者點擊了按鈕, 觸發click事件
//2.瀏覽器主動收集和事件有關的資訊, 並製造出Event Object事件物件
//var eventObj = 事件物件;
//3.呼叫已經註冊的事件處理器(事件處理函式)
//handler(eventObj);
alert(e.clientX+","+e.clientY);
}
btn3.addEventListener("click"/*事件的名稱*/, handler3);

document.addEventListener("keydown", function (e) {//匿名函式:用來直接當作事件處理器
alert(e.keyCode);
});
}
</script>
</head>
<%--onload下載時觸發事件--%>
<body onload="init();">
<form id="form1" runat="server">
<div>
<button id="btn">按我一下 </button>
</div>
<div>
<button id="btn2">再按我一下 </button>
</div>
<div>
<button id="btn3">事件event </button>
</div>
<div>
<button onclick="alert('Clicked');">Clicked</button>
<span onmouseover="this.style.color='red'"
onmouseout="this.style.color='black'">Test</span>
</div>
<div>
<%--this代表span物件--%>
<span onmouseover="over(this);"
onmouseout="out(this);">HELLO</span>
</div>
</form>
</body>
</html>

tony的程式開發

2019年9月30日星期一

ASP.NET 4.5 Web API 及非同步程式開發實務

async & await 教學影片

2019年9月29日星期日

ASP.NET OOP 泛型中的預設關鍵字 Default

2019年9月25日星期三

SignalR Chat App With ASP.NET WebForm And BootStrap

2019年9月23日星期一

[JQuery] 如何判斷元素是否存在

2019年9月19日星期四

前端js/後端cs互相傳值

2019年9月18日星期三

sm匯流排控制器出現黃色驚嘆號的解決方法

2019年9月17日星期二

解決ping不到Windows 10 方法

Windows 內建的遠端桌面連線工具設定與使用教學

2019年9月11日星期三

SignalR 第一次使用就上手!!實作即時在線人員

SignalR Chat App With ASP.NET WebForm And BootStrap - Part One

.Net 利用 WebBrowser 製作網頁截圖功能

2019年9月7日星期六

教學課程：使用 SignalR 2 進行即時聊天

2019年9月6日星期五

[Html 5] WebStorage - localStorage和sessionStorage 基本使用方法

2019年9月5日星期四

JQuery快速入門

Javascript 事件處理

2019年9月4日星期三

[C#]ConsoleApplication 環境下使用 SignalR

[Javascript] 等於的運用 - ==和 ===的不同之處

資料內崁的Binding：{{Title}}

2019年9月3日星期二

計算機cmd命令之route，查看路由表，或配置一個更有效的路由

WPF聊天室应用(ASP.NET Core SignalR)

檢舉濫用情形

2019年9月30日 星期一

2019年9月29日 星期日

2019年9月25日 星期三

2019年9月23日 星期一

2019年9月19日 星期四

2019年9月18日 星期三

2019年9月17日 星期二

2019年9月11日 星期三

2019年9月7日 星期六

2019年9月6日 星期五

2019年9月5日 星期四

2019年9月4日 星期三

2019年9月3日 星期二