What does this code mean? [Detailed explanation with pictures attached]_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:53:341856browse
Hello everyone~ I saw the following code when I was studying a website
8de92d46a1529c3f70f100443b7434791c3ba785dfd5743635f633e8adb3a1365db79b134e9f6b82c0b36e0489ee08ed
This part of the code corresponds to the picture below. The character part in the picture is the link
When I clicked on the character in the picture, the website happened Jump (you can see that the URL has not changed)
What I don’t understand is how the jump is achieved? Or how to achieve this action?
And in the 3499910bf9dac5ae3c52d5ede7383485 tag here, what does href="" mean? Does the 3499910bf9dac5ae3c52d5ede7383485 tag have the data-page attribute?
Reply to discussion (solution)
Custom attributes, event control page display is added to the a tag
Custom attributes, event control page display is added on the a tag
In other words, the data-page is a custom attribute, saved in other files, right?
You said "the a tag has an event to control the page display", can you explain it in detail? I have just come into contact with html and many things are still unclear. . .
Custom attributes, event control page display is added to the a tag
That is to say, data-page is a custom attribute. Save it in another file, right?
You said "the a tag has an event to control the page display", can you explain it in detail? I have just come into contact with html and many things are still unclear. . .
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><a data-a="a">aaaaaaaaaa</a><a data-a="a1">aaaaaaaaaa</a><a data-a="a2">aaaaaaaaaa</a><a data-a="a3">aaaaaaaaaa</a><script>$('a[data-a]').click(function(){alert($(this).attr('data-a'))})</script></body></html>
Custom attributes, event control page display is added to the a tag
That is to say, data-page is a custom attribute and is saved in other files, right?
You said "the a tag has an event to control the page display", can you explain it in detail? I have just come into contact with html and many things are still unclear. . .
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><a data-a="a">aaaaaaaaaa</a><a data-a="a1">aaaaaaaaaa</a><a data-a="a2">aaaaaaaaaa</a><a data-a="a3">aaaaaaaaaa</a><script>$('a[data-a]').click(function(){alert($(this).attr('data-a'))})</script></body></html> I understand what custom attributes mean! Thank you~
But what does href="" mean?
Custom attributes, event control page display is added to the a tag
That is, data -page is a custom attribute and is saved in other files, right?
You said "the a tag has an event to control the page display", can you explain it in detail? I have just come into contact with html and many things are still unclear. . .
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><a data-a="a">aaaaaaaaaa</a><a data-a="a1">aaaaaaaaaa</a><a data-a="a2">aaaaaaaaaa</a><a data-a="a3">aaaaaaaaaa</a><script>$('a[data-a]').click(function(){alert($(this).attr('data-a'))})</script></body></html> I understand what custom attributes mean! Thank you~
But what does href="" mean?
This is to allow the mouse to move up to have hand shapes and other styles
Customized attributes, event control page display is added on the a tag
In other words, data-page is a custom attribute, saved in other files, right?
You said "the a tag has an event to control the page display", can you explain it in detail? I have just come into contact with html and many things are still unclear. . .
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><a data-a="a">aaaaaaaaaa</a><a data-a="a1">aaaaaaaaaa</a><a data-a="a2">aaaaaaaaaa</a><a data-a="a3">aaaaaaaaaa</a><script>$('a[data-a]').click(function(){alert($(this).attr('data-a'))})</script></body></html> I understand what custom attributes mean! Thank you~
But what does href="" mean?
This is to allow the mouse to move up to have hand shapes and other styles
Thank you so much! !