본 글을 정식으로 시작하기 전에 HTML의 태그에 대해 간단히 소개하겠습니다. 태그를 사용하여 HTML 페이지에 앵커(anchor)를 정의할 수 있습니다. href 속성을 사용하여 다른 문서에 대한 링크(또는 하이퍼링크)를 생성합니다 name 또는 id 속성을 사용하여 문서 내부에 북마크를 생성합니다(즉, 문서 조각에 대한 링크를 생성할 수 있습니다) 이 기사의 내용은 앵커의 첫 번째 사용과 관련이 있습니다. 코드 복사 코드는 다음과 같습니다. <%@ Page Language="C# " AutoEventWireup= "true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %> <제목> <br>$(document).ready(function () { <br><br>/ / 하이퍼링크의 클릭 이벤트를 호출하려면spanAGo를 클릭하세요 <br>$('#spanAGo').click(function () { <br>$('#aGo').click(); <br>} ); <br>}); <br></head> <br><body style="font-size: 12px;"> "form1 " runat="server"> <br><div> <br><a id="aGo" href="http://www.jb51.net/">스크립트 홈</a> <br><br /> <br><br /> <br><span id="spanAGo" style="border: 1px solid black;">나를 클릭하면 위의 하이퍼링크가 호출됩니다. 이벤트</span> <br></form> <br></html> <br><br> <br> 코드의 효과는 아래와 같습니다. <br> <br> </div> <br>하이퍼링크를 클릭하면 페이지가 정상적으로 이동할 수 있지만 레이블을 클릭하면 페이지가 위로 이동할 수 없으며 IE8 및 Chrome에서는 이동할 수 없습니다. 테스트됨). 따라서 다음으로 달성해야 할 효과는 레이블을 클릭할 때 페이지를 점프하게 하는 것(즉, 하이퍼링크의 클릭 이벤트가 호출되면 페이지를 점프하게 하는 것)이며, 작성해야 할 코드도 적어야 하며, 한 곳에서 처리할 수 있는 것이 가장 좋습니다. 프로젝트는 하나의 페이지만 가질 수 없으며 페이지는 하나의 하이퍼링크만 가질 수 없으며 앵커의 또 다른 기능은 북마크로 이동할 수 있습니다. .앵커의 북마크 기능이 차단되고… <br> <p><img alt="" src="http://files.jb51.net/file_images/article/201205/2012052315345514.png"></p>Main.css <br><p><img alt="" src="http://files.jb51.net/file_images/article/201205/2012052315345515.png"></p> <br>코드 복사<div class="codetitle"> <span><a style="CURSOR: pointer" data="74565" class="copybut" id="copybut74565" onclick="doCopy('code74565')"> 코드는 다음과 같습니다.<u></u> </a> a.forward </span>{ </div>} <div class="codebody" id="code74565"> <br> <br>Main.js <br><br> </div> <br><br>코드 복사 <div class="codetitle"> <span><a style="CURSOR: pointer" data="52539" class="copybut" id="copybut52539" onclick="doCopy('code52539')"> 코드는 다음과 같습니다. <u></u> </a>/// <reference path="jquery-1.4.1-vsdoc.js" /> </span>$(document).ready(function () { </div> // JavaScript 호출을 용이하게 하기 위해 하이퍼링크가 클릭 이벤트를 지원하도록 만듭니다. <div class="codebody" id="code52539">$('a.forward').click(function () { <br>location.href = $(this)[0].href ; <br> return false; <br>}); <br><br> <br>수정된 페이지 소스 코드는 다음과 같습니다. <br><br><br> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><div class="codebody" id="code92060"> <br><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="Web.WebForm2" %> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head id="Head1" runat="server"> <br><제목></제목> <br><link type="text/css" rel="Stylesheet" href="Styles/Main.css" /> <br><script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"> <br>$(document).ready(function () { <br><br>// 单击spanAGo,调用超链接的单击事件 <br>$('#spanAGo').click(function () { <br>$('#aGo').click() <br>}) <br>}); <br> 脚本之家 点击我,将调用以上超链接的单击事件 运行一下(截图略),点击标签,页face完美跳转,(*^__^*) 嘻嘻好了,最后来总结一下,模拟超链接的用户单击事件, 내 소개는 다음과 같습니다. 导入외부 CSS文件,Main.css,导入외부JavaScript文件Main.js(必须在导入JQuery文件之后导入); 给超链接添加CSS类“앞으로”; 然后3是什么呢?然后想不休来然后了。 最后祝大家敲代码愉快。 首发:博客园->剑过不留痕