Js 访问Aspnet后台页面变量

一、普通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>

posted @ 2013-11-18 20:46  kinglong1984  阅读(420)  评论(0编辑  收藏  举报