大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
href="javascript:test()"可以调用js的test方法
成都创新互联从2013年开始,先为临翔等服务建站,临翔等地企业,进行企业商务咨询服务。为临翔企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
onclick = "test()" 同样可以调用js的test方法
在href属性后面添加一个onclick属性就可以解决问题。href控制页面跳转路径 onclick控制调用js,解决方法不唯一但这种是最简单的。
html
head
titletest/title
/head
body
a href="#name" onclick="javascript:alertstr();"click/a
div style="height:5000px;"/div
div id="name"/div
script type="text/javascript"
function alertstr(){
alert(1);
}
/script
/body
/html
也就是让页面可视区域跳到目标位置
a name="anchor"/a
location.hash="anchor";
一、假链接
1、什么是假链接?
点击之后不会跳转的链接。
2、假链接的意义:
在企业开发前期,其他界面都还没有写出来,还不知道应该跳转到什么地方,所以只能用假链接来代替。当项目后期其他界面都已经完成时,再将假链接替换为真链接。
3、格式:1、# 2、javascript: 两者的区别:#假链接打击后会自动回到顶部,JavaScript假链接点击后不会回到顶部。
二、锚点
作用:通过a标签在当前界面找到相对位置
方法:因为在HTML中每个标签都有一个叫做id的名称属性,所以要实现锚点功能需要做以下两步:1、给目标位置的标签添加一个id属性,然后指定一个独一无二的值;2、告诉a标签所需跳转目标标签所对应的id值
格式:a href="#center"跳转到中部/a h2 id="center"我是中部/h2
注意点:1、通过a标签跳转到指定位置的过程中没有规定动画;2、a标签除了可以跳转到当前界面指定位置外,还可以跳转到其他页面的某个位置。