0

我已经在网上搜索并观看了有关此的视频，但没有人真正提供帮助。我想要做的是在 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()？

4

2 回答 2

0

你需要放在这里

<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;
   }
于 2013-04-04T06:36:08.903 回答
0

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

    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server" />
    <script src="JScript.js" type="text/javascript"></script> 
    </asp:Content>
于 2013-04-04T06:38:01.697 回答