Question

我在网上搜索并观看了视频，但没有人真的有帮助。我想要做的是在Visual Web开发人员中将已经输入的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>

如何在可视化Web开发人员中向aspx表单添加脚本

编辑1

但编辑2

2 个答案:

编辑1