无法将java脚本函数与Panel'绑定;s OnLoad事件
Unable to bind java script function with Panel's OnLoad event
我正处于使用java脚本的初始阶段,我刚刚在asp.net中编写了一个使用Google Maps APIv3的小型应用程序。我想在面板中显示地图。这是我写的代码,但我在将java脚本与Panel的OnLoad事件绑定时遇到了问题:
<%@ 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>Map Test</title>
<style type="text/css">
html{height:100%}
body{height:100%; margin:0;padding:0}
#map_can{height:100%}
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzawerwerQ55N500rxxxxdPNvMoQ74aRYO30Wo&sensor=true">
</script>
<script type="text/javascript">
function init()
{
var mapoptions=
{
center: new google.maps.LatLng(17.379064211298, 78.478946685791),
zoom:8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("map_can"),mapoptions);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel OnLoad="init()" ID="Panel1" runat="server"
style="z-index: 1; left: 37px; top: 59px; position: absolute; height: 273px; width: 565px">
<div id="map_can" style="width:100%; height:100%"></div>
</asp:Panel>
</form>
</body>
</html>
错误:ASP.default_aspx' does not contain a definition for 'init'
我想我把它捆错了。请提出建议。
Panel OnLoad
属性用于设置Load事件的服务器端处理程序(它应该是页面类中的方法)。
无法在Panel控件上设置客户端加载事件,因为它生成DIV元素(并且DIV元素不支持加载事件)。
解决这个问题的一个基本方法是使用BODY元素的客户端加载事件:
<body onload="init();" >
...
</body>
但更好的方法是等待DOM准备好调用函数。一种简单且跨浏览器的方法是使用像jQuery:这样的库
<script type="text/javascript">
$(document).ready(function() {
var mapoptions = {
center: new google.maps.LatLng(17.379064211298, 78.478946685791),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_can"),mapoptions);
});
</script>
相关文章:
- 在offline.js中绑定事件
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 在页面高度更改时绑定事件
- 在页面重新加载后绑定事件,并仅使用Knockout.js、html和js创建新的html元素
- 使用onbeforeunload绑定事件
- 传递类似绑定事件的参数
- 如何对修改后的元素重新绑定事件
- 聚合物模板自动绑定:在模板绑定事件之前的核心选择火灾
- Jquery差异B/w Jquery绑定事件
- SessionStorage绑定事件
- extjs,如何在表单操作中绑定事件
- 模拟 Web 浏览器方向更改事件以使用 Jasmine 测试绑定事件处理程序函数
- 绑定事件发射器上的单个事件
- 如何在绑定事件期间排除元素
- 将鼠标悬停在位于我的页面上的 iframe 上的绑定事件,其中包含包含的 src
- 在 jQuery 中创建 DOM 之前的绑定事件
- 如何在页面加载时在 ajax 调用中绑定事件处理程序后触发事件
- 使用 ajax 加载的页面绑定和取消绑定事件处理程序
- 咖啡脚本构造函数中的绑定事件
- 将数据添加到动态创建的元素和绑定事件