行使JQuery和CSS模拟超链接的客商单击事件的落实代码

在标准启幕本文此前,先来差非常少介绍下HTML的竹签:使用标签,我们能够在HTML页面上定义锚,锚有二种用法:
通过使用 href 属性,创设指向别的一个文书档案的链接 通过应用 name 或 id
属性,创设三个文书档案内部的书签 本文的故事情节与锚的第风流罗曼蒂克种用法有关。 复制代码 代码如下:

上述代码的周转效果如下图所示:
点击超链接,页面能够健康跳转;但点击标签,页面却不可以跳转;以上,在IE8和Chrome里都无法儿跳转。所以,接下去要贯彻的效果与利益,正是在点击标签的时候让页面跳转(也正是在调用超链接的单击事件时,让页面跳转),且写的代码要少,且最佳是在三个地点管理,四个种类不容许就四个页面,叁个页面不恐怕就三个超链接,且无法做的太死,怎么说锚的另三个效果是书签,别链接是能够跳转了,锚的书签效能被屏蔽了,且……。
Main.css 复制代码 代码如下: a.forward { }
Main.js 复制代码 代码如下: /// $.ready {
// 使超链接援助click事件,方便JavaScript调用 $.click { location.href =
$[0].href; return false; }卡塔尔(قطر‎; }卡塔尔; 改过过后的页面源码如下: 复制代码 代码如下:

运维一下,点击标签,页面完美跳转,
嘻嘻好了,最终来总计一下,模拟超链接的客商单击事件,我们要求做的就是:
导入外表CSS文件,Main.css,导入外界JavaScript文件Main.js;
给超链接加多CSS类“forward”; 然后3是何等吗?然后想不出去然后了。
最终祝大家敲代码欢快。 首发:和讯->剑过不留痕

发表评论

电子邮件地址不会被公开。 必填项已用*标注