Javascript 链接到另一页中的anckor标记无效

Javascript 链接到另一页中的anckor标记无效,javascript,html,css,Javascript,Html,Css,我在page1(www.example.com/page2.html#idd)中有一个链接,它引用了page2中的锚定标记 当我点击page1中的链接(www.example.com/page2.html#idd)时,我只会进入page2(www.example.com/page2.html),而不会进入#idd。 我认为“js”文件有问题,但我不知道是什么 "index.js" $('.form').find('input, textarea').on('keyup blur focus',

我在page1(www.example.com/page2.html#idd)中有一个链接,它引用了page2中的锚定标记 当我点击page1中的链接(www.example.com/page2.html#idd)时,我只会进入page2(www.example.com/page2.html),而不会进入#idd。 我认为“js”文件有问题,但我不知道是什么

"index.js"

$('.form').find('input, textarea').on('keyup blur focus', function (e) {

var $this = $(this),
  label = $this.prev('label');

  if (e.type === 'keyup') {
        if ($this.val() === '') {
      label.removeClass('active highlight');
    } else {
      label.addClass('active highlight');
    }
  } else if (e.type === 'blur') {
    if( $this.val() === '' ) {
        label.removeClass('active highlight');
        } else {
        label.removeClass('highlight');
        }
  } else if (e.type === 'focus') {

  if( $this.val() === '' ) {
        label.removeClass('highlight');
        }
  else if( $this.val() !== '' ) {
        label.addClass('highlight');
        }
 }

});

$('.tab a').on('click', function (e) {

e.preventDefault();

$(this).parent().addClass('active');
$(this).parent().siblings().removeClass('active');

target = $(this).attr('href');

$('.tab-content > div').show();

$(target).fadeIn(600);

});
以下是html文件:

"page1.html"


<div> <a href="example.com/page1.html#idd">click here</a>

那不是锚,那是一个
div
。这与JavaScript无关。(除非您编写JavaScript代码来模拟链接到页面上锚的行为,而在所示代码中您似乎没有这样做。)

要直接转到锚点,它需要是具有预期名称的锚点:

<a name="idd">content......</a>

您不需要使用javascript,只需要一个简单的HTML代码
在page1.html中:


在page2.html中:

Java不是JavaScript
<a name="idd">content......</a>
<div id="idd">
    <a name="idd">some label</a>
    content......
</div>