javaScript函数

我已经用JavaScript写了一段代码，我不知道它是否正确，因为我的代码中没有附加js。。这是我的代码：

我想这样做，在ID为“Details”的详细信息的按钮点击上会出现一个窗口，在按钮点击上，还会出现该ID的记录。。 这篇文章写得正确吗？这个js能完成上述任务吗

<script type="text/javascript">
    function viewProfile(index)
    {
    var GridID = document.getElementById("PersonGridView");
    var row=GridID.rows[parseInt(index)+1];
    var id = document.getElementById("Details");
    window.open('detailsid'+row);
    }

    </script>

<div>
        <asp:GridView ID="PersonGridView" runat="server" BackColor="White" 
            BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
            ForeColor="Black" GridLines="Vertical" AutoGenerateColumns="false" onrowdatabound="PersonGridView_RowDataBound" 
            >
            <RowStyle BackColor="#F7F7DE" />

            <Columns>
                <asp:BoundField HeaderText="First Name" DataField="FirstName" />
                <asp:BoundField HeaderText="Last Name" DataField = "LastName" />
                <asp:BoundField HeaderText="HomePhoneNumber" DataField="HomePhoneNumber" />
                <asp:TemplateField HeaderText="ViewDetails">
                <ItemTemplate>
                <asp:Button ID="Deatils" runat="server" Text="Details" />
                </ItemTemplate>    

                </asp:TemplateField>

                <asp:TemplateField HeaderText="Actions">
                <ItemTemplate>
                <asp:Button ID="Modify" runat="server" Text="Modify" />
                <asp:Button ID="Delete" runat="server" Text="Delete" />

                </ItemTemplate>
                </asp:TemplateField>


            </Columns>


            <FooterStyle BackColor="#CCCC99" />
            <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
            <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="White" />
        </asp:GridView>
    </div>

函数视图配置文件（索引）
{
var GridID=document.getElementById（“PersonGridView”）；
var row=GridID.rows[parseInt（index）+1]；
var id=document.getElementById（“详细信息”）；
window.open（'detailsid'+行）；
}

您的问题下面的评论是有效的。多了解一点信息会很有用。不过，我可以指出代码中的一个问题。无法找到使用document.getElementById在ASP页面上呈现的HTML元素（无论如何都不可靠），因为呈现元素的id与ASP控件的id不同

例如。 ASP控件：

<asp:Button ID="myButton" runat="server />

---

此选择器返回id属性以PersonGridView结尾的元素，测试时发生了什么？你问它是否有效，但这是一个简单的测试就可以告诉你的。我并不想粗鲁，但这篇文章看起来就像是你在请别人为你工作。因为你的代码现在是不起作用的。单元测试它，并返回一些更具体的问题（如果您仍然有这些问题的话）。如果您将示例作为链接发布，而不是将ASP文件附加到有关JavaScript的问题上，您将有更好的机会获得帮助。

<input type="button" id="namingContainer1_nameContainer2_myButton" />

var grid = $("[id$=PersonGridView]")