一、普通WebForm页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script>
//window.onload = Test;
function Test(id) {
alert(id);
var width = "<%= width %>";
var url = "<% = url %>";
alert(width +" "+url);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style=" border:solid 1px red" id="123" onclick="var id =$(this).attr('id'); alert(id);Test(id)">
test
</div>
</form>
</body>
</html>
二、带母版页的页面
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script>
//window.onload = Test;
function Test(id) {
alert(id);
var width = "<%= width %>";
var url = "<% = url %>";
alert(width + " " + url);
}
</script>
<div style=" border:solid 1px red" id="123" onclick="var id =$(this).attr('id'); alert(id);Test(id)">
test
</div>
</asp:Content>
三、Js调用带参数的C#后台方法
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script>
//window.onload = Test;
function Test(id) {
var path = '<%= GetUrl("' + id + '") %>';
alert(path);
var width = "<%= width %>";
var url = "<% = url %>";
alert(width + " " + url);
}
</script>
<div style=" border:solid 1px red" id="123" onclick="var id =$(this).attr('id'); alert(id);Test(id)">
test
</div>
</asp:Content>