我的javascript函数没有'；我好像不工作。我能'；我不明白为什么_Javascript

我的javascript函数没有'；我好像不工作。我能'；我不明白为什么

javascript

我的javascript函数没有'；我好像不工作。我能'；我不明白为什么,javascript,Javascript,我的函数似乎没有正确执行。怎么了？我已经花了5个小时试图让这个该死的功能工作。最后我会在照片上加上链接 <html> <head> <script type="text/javascript"> var pagenumber=1; function increase() { if(pagenumber == 1)

我的函数似乎没有正确执行。怎么了？我已经花了5个小时试图让这个该死的功能工作。最后我会在照片上加上链接

 <html>
    <head>
        <script type="text/javascript">
            var pagenumber=1;
            function increase()
            {
                if(pagenumber == 1)
                {
                return
                }
                pagenumber++;
            }
            function decrease()
            {
                if(pagenumber == 5)
                {
                return
                }
                pagenumber--;
            }
            function slider() {
                if(pagenumber == 1)
                {
                document.getElementById('pg1').style.display='inline';
                document.getElementById('pg2').style.display='none';
                document.getElementById('down').style.cursor='not-allowed';
                document.getElementById('down').style.background-position='top';

            }
            if(pagenumber == 2)
            {
                document.getElementById('pg1').style.display='h';
                document.getElementById('pg3').style.display='none';
                document.getElementById('pg2').style.display='inline';                  
                document.getElementById('down').style.cursor='pointer';
                document.getElementById('down').style.background-position='bottom';

            }
            if(pagenumber == 3)
            {
                document.getElementById('pg2').style.display='none';
                document.getElementById('pg4').style.display='none';
                document.getElementById('pg3').style.display='inline';
            }
            if(pagenumber == 4)
            {
                document.getElementById('pg3').style.display='none';
                document.getElementById('pg5').style.display='none';
                document.getElementById('pg4').style.display='inline';
                document.getElementById('down').style.cursor='pointer';
                document.getElementById('up').style.background-position='top';

            }
            if(pagenumber == 5)
            {
                document.getElementById('pg4').style.display='none';
                document.getElementById('pg5').style.display='inline';
                document.getElementById('up').style.cursor='not-allowed';
                document.getElementById('up').style.background-position='bottom';
            }
        }
    </script>
</head>
<body height="183px" bgcolor="#F3F3F3" style="width:279px">
    <div id="down" style="float:left;margin-top:29px;height:27px;width:15px;display:block;cursor:pointer;background:url('website/arrow_left.png') no-repeat top left;background-repeat:no-repeat;background-position:top">
        <img src="website/pixel.png" width="15px" height="30px" onclick="decrease()" onclick="slider()">
    </div>
    <div id="up" style="float:right;margin-top:29px;height:27px;width:15px;display:block;cursor:pointer;background:url('website/arrow_right.png') no-repeat top left;background-repeat:no-repeat;background-position:top">
        <img src="website/pixel.png" width="15px" height="30px" onclick="increase()" onclick="slider()">
    </div>
    <table style="background:url('website/arrow_middle.png') no-repeat center" align="center">
            <tr id="pg1" style="display:inline">
                <td style="padding-left:25px; padding-right:25px">
                    <a href="google.com">
                        <img src="website/oil.jpg" width="75px" height="75px">
                    </a>
                </td>
                <td style="padding-right:25px">
                    <a href="amazon.com">
                        <img src="website/gas.jpg" width="75px" height="75px">
                    </a>
                </td>
            </tr>
            <tr id="pg2" style="display:none">
                <td style="padding-left:25px; padding-right:25px">
                    <a href="google.com">
                        <img src="website/nuclear.jpg" width="75px" height="75px">
                    </a>
                </td>
                <td style="padding-right:25px">
                    <a href="amazon.com">
                        <img src="website/solar.jpg" width="75px" height="75px">
                    </a>
                </td>
                </tr>
                <tr id="pg3" style="display:none">
                    <td style="padding-left:25px; padding-right:25px">
                        <a href="google.com">
                            <img src="website/wind.jpg" width="75px" height="75px">
                        </a>
                    </td>
                    <td style="padding-right:25px">
                        <a href="amazon.com">
                            <img src="website/hydro.jpg" width="75px" height="75px">
                        </a>
                    </td>
                </tr>
                <tr id="pg4" style="display:none">
                    <td style="padding-left:25px; padding-right:25px">
                        <a href="google.com">
                            <img src="website/electric.jpg" width="75px" height="75px">
                        </a>
                    </td>
                    <td style="padding-right:25px">
                        <a href="amazon.com">
                            <img src="website/thermal.jpg" width="75px" height="75px">
                        </a>
                    </td>
                </tr>
                <tr id="pg5" style="display:none">
                    <td style="padding-left:25px; padding-right:25px">
                        <a href="google.com">
                            <img src="website/mining.jpg" width="75px" height="75px">
                        </a>
                    </td>
                    <td style="padding-right:25px">
                        <a href="amazon.com">
                            <img src="website/transversal.jpg" width="75px" height="75px">
                        </a>
                    </td>
                </tr>
        </table>
    </body>
 </html>


var pagenumber=1；
功能增加（）
{
如果（页码==1）
{
回来
}
页码++；
}
函数减少（）
{
如果（页码==5）
{
回来
}
页码--；
}
函数滑块（）{
如果（页码==1）
{
document.getElementById（'pg1'）.style.display='inline'；
document.getElementById（'pg2'）.style.display='none'；
document.getElementById（'down'）.style.cursor='not-allowed'；
document.getElementById（'down'）.style.background position='top'；
}
如果（页码==2）
{
document.getElementById（'pg1'）.style.display='h'；
document.getElementById（'pg3'）.style.display='none'；
document.getElementById（'pg2'）.style.display='inline'；
document.getElementById（'down'）.style.cursor='pointer'；
document.getElementById（'down'）.style.background position='bottom'；
}
如果（页码==3）
{
document.getElementById（'pg2'）.style.display='none'；
document.getElementById（'pg4'）.style.display='none'；
document.getElementById（'pg3'）.style.display='inline'；
}
如果（页码==4）
{
document.getElementById（'pg3'）.style.display='none'；
document.getElementById（'pg5'）.style.display='none'；
document.getElementById（'pg4'）.style.display='inline'；
document.getElementById（'down'）.style.cursor='pointer'；
document.getElementById（'up'）.style.background position='top'；
}
如果（页码==5）
{
document.getElementById（'pg4'）.style.display='none'；
document.getElementById（'pg5'）.style.display='inline'；
document.getElementById（'up'）.style.cursor='not-allowed'；
document.getElementById（'up'）.style.background position='bottom'；
}
}

问题1:

这条线就是问题所在：

if($pagenumber == 1)

将此行更改为：

if(pagenumber == 1)

由于变量名为

pagenumber

，请点击此处：

var pagenumber=1;

问题2:

检查

pagenumber==1

后立即返回，这就是它从不递增的原因。将代码更改为：

if(pagenumber == 1)
   return ++pagenumber;

如果不希望从函数返回值，则：

function increase() {
   if(pagenumber == 1)
       pagenumber++;
}

还要确保HTML代码中只有一个

onclick

事件处理程序。

变量的美元符号仅在PHP等语言中使用。在第7行，当您比较if中的变量时，请去掉美元符号，这样您就可以开始了

if($pagenumber == 1)

到

更新1:

此外，元素有两个不同的

onclick

属性集。如果您确实希望单击

onclick

调用2个函数，请尝试以下操作：

<img src="website/pixel.png" width="15px" height="30px" onclick="increase();slider()">

让它工作起来：

问题1

$pagenumber

必须是

pagenumber

问题2

页码

永远不能增加；如果它是从开始的

，则

increase（）

函数在可以递增之前返回

尝试重写

增加（）

和

减少（）

如下：

function increase()
{
    if (pagenumber < 5)
    {
        pagenumber++;
    }
}

function decrease()
{
    if (pagenumber > 1)
    {
        pagenumber--;
    }
}

问题5 应该是

document.getElementById('pg1').style.display='none';

解决了所有这些问题后，代码似乎起作用了：

只是一个提示：您正在执行

if（x==1）if（x==2）etc

。更好的方法是使用

if（x==1）else if（x==2）etc

，最好的方法是使用。在这里设置链接并使其尽可能好地工作，人们将更有能力帮助您解决问题。我在这里为你准备了一个：我想它也会被卡住的1@user2557171：您需要学习一些Javascript编码，以避免代码中出现这些基本但重要的错误。问题已经解决。

function increase()
{
    if (pagenumber < 5)
    {
        pagenumber++;
    }
}

function decrease()
{
    if (pagenumber > 1)
    {
        pagenumber--;
    }
}

increase = function ()
{
    //...
}

document.getElementById('pg1').style.display='h';

document.getElementById('pg1').style.display='none';