Javascript 链接到另一页中的anckor标记无效
我在page1(www.example.com/page2.html#idd)中有一个链接,它引用了page2中的锚定标记 当我点击page1中的链接(www.example.com/page2.html#idd)时,我只会进入page2(www.example.com/page2.html),而不会进入#idd。 我认为“js”文件有问题,但我不知道是什么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',
"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>