如何在Visual Web Developer中将脚本添加到Aspx表单

Question

我在网上搜索并观看了相关视频，但没有人真正提供帮助。 我想做的是在Visual Web Developer中将已经键入的Java脚本文件添加到我的aspx表单中。 所有人都告诉我，我应该添加：

<html>
<head> 
<title><title>
<script src="JScript.js" type="text/javascript"></script>
</head>
</html>

但是....以aspx格式仅没有<head>或<body>标签：

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server" /> 
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server" >
</asp:Content>

如果甚至可以将Java脚本添加到此aspx表单中，请给我代码或帮助我正确执行此操作。

我有一张图片，我想要一个按钮来将图片更改为网页上画廊中的下一张

编辑1

这是按钮和图片的html代码

<tr>
    <td> <asp:Button ID="Button1" runat="server" Text="Prev" OnClientClick="init();"/> </td>
    <td> <img ID="pic" alt="" src="010.JPG" runat="server" width="200" height="200" /> </td>
    <td> <asp:Button ID="Button2" runat="server" Text="Next" OnClientClick="init();"/> </td>
</tr>

这是javascript init（）的代码

var imagePath = new Array();
var imageIndex = 0;

function init(){
     addPath("Bell.jpg");
     addPath("Dads.png");

     getImagePath(0);
}

function addPath(path){
     var index = imagePath.length;
     imagePath[index++] = path;  
}

function getImagePath(index){
     var length = imagePath.length;

     if(index <= length){
        if(index >= 0){
            document.getElementById("pic").src = imagePath[index];
            document.getElementById("pic").alt = imagePath[index];
            imageIndex = index;
        }
     } else {
        document.getElementById("pic").src = "DOES NOT EXIST";
        document.getElementById("pic").alt = "DOES NOT EXIST";
     }
}

它似乎没有在调用javascript init（）方法

上面的问题现在解决了，谢谢

但是编辑2

加载页面时，必须运行init函数，然后按钮才能知道图像源指向的位置。 页面加载后如何调用init（）？

Answer 1

你需要放在这里

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server" /> 
    <script src="JScript.js" type="text/javascript"></script>
</asp:Content>

编辑1

function getImagePath(index){
     var length = imagePath.length;

     if(index <= length){
        if(index >= 0){
            document.getElementById("<%= pic.ClientID %>").src = imagePath[index];
            document.getElementById("<%= pic.ClientID %>").alt = imagePath[index];
            imageIndex = index;
        }
     } else {
        document.getElementById("<%= pic.ClientID %>").src = "DOES NOT EXIST";
        document.getElementById("<%= pic.ClientID %>").alt = "DOES NOT EXIST";
     }
}

也

function init(){
      addPath("Bell.jpg");
      addPath("Dads.png");
      getImagePath(0);
      return false;
   }

Answer 2

只需将脚本放入您的内容中即可。

    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server" />
    <script src="JScript.js" type="text/javascript"></script> 
    </asp:Content>