一些JS加载而其他没有

时间:2011-07-18 17:12:07

标签: javascript loading

我在页面上注册了2个javascripts。一个是google maps api,另一个是初始化函数,用于加载和创建地图。现在,无论我放在哪一个都能成功运行,但无论我放在第二个都无法正常加载。所以,如果我把googleapi放在第一位,firebug将告诉我初始化不存在,反之亦然。那么如何才能使两者成功加载。下面是页面和JS

<!DOCTYPE html>

<html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" />

    <script type="text/javascript">
        function initialize() {
            var myLatLng = new google.maps.LatLng(43.652073, -79.382293);
            var myOptions = {
                zoom: 8,
                center: myLatLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        }
    </script>

    <asp:ContentPlaceHolder ID="Header" runat="server">
        <ucHead:UC_Header runat="server" ID="UC_Header" />
    </asp:ContentPlaceHolder>
</head>
<body onload="initialize()">
    <div class="sidePanel">
        <ucMenu:UC_Menu runat="server" ID="UC_Menu" />
    </div>
    <div class="mainContent">
        <asp:ContentPlaceHolder ID="MainContent" runat="server" />
    </div>
</body>
</html>

2 个答案:

答案 0 :(得分:4)

您必须关闭您的脚本代码...

不能这样做:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" />

必须看起来像这样:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" ></script>

答案 1 :(得分:0)

googleapis.com脚本标记后需要</script>标记。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false" /></script>