javascript - 获取 #link 不刷新页面？

Question

有没有办法获得页面另一部分的链接( <a href="#link"> )而不刷新页面？有时它不会刷新页面，有时会刷新页面。这是一个问题，因为我也有该链接对页面 onclick 进行了一些 javascript 更改，然后当页面同时刷新时这些更改将被丢弃。

有什么想法吗？

代码片段:

<script type="text/javascript">
    function unhide(divID) {
        var item = document.getElementById(divID);
        if (item) {
            item.className=(item.className=='hidden')?'unhidden':'hidden';
        }
    }
        function unhidealways(divID){
               var item = document.getElementById(divID); 
               if(item){
                      item.className='unhidden';
               }        
        }
        function fillreply(commentID){
            var item = document.getElementById("replyto");
            item.value=commentID;
        }
        function hide(divID){
              var item = document.getElementById(divID); 
               if(item){
                      item.className='hidden';
               } 
              var item2 = document.getElementById("replyto");
              item2.value='';
        }
</script>

...

echo "<br /><span class=\"replytext\"><a href=\"#makecom\" onclick=\"javascript:unhidealways('makecomment');unhidealways('makereply');fillreply('" . $row['Id'] . "');\">[reply]</a></span><br />";

...

<td>
      <a name="makecom" />
      <a href="javascript:unhide('makecomment');"><i>Discuss</i></a>
      <div id="makecomment" class="hidden">
      <form name="commentform" action="comment.php" method="post">
        <div id="makereply" class="hidden">Reply to: <input type="text" size="6" name="replyto"/> <a href="javascript:hide('makereply');">[clear]</a></div>
        <input type="hidden" name="pageid" value="<?php echo $pageid; ?>" />
        <?php if(!$loggedin) 
             echo '<br /><a href="#TOP">Log In</a> or post as Anon<br /><br />';
             else
              echo '<br />';
        ?>
    <textarea name="comment" rows="7" cols="40" ></textarea>
    <input type="hidden" name="id" value="<?php echo $pageid; ?>" />
      <br />
    <input type="submit" value="Comment" />
    </form>
    </div>
</td></tr>

Answer 1

如果是普通的#link，它永远不会刷新。也许您正在使用 JavaScript 捕获链接，这让它变得疯狂？也许返回 false；会有所帮助。

还要检查您是否没有添加 www.或者把它拿走或者只是在 http 和 https 之间切换。