沈阳中小企业网站建设,商务网页设计与制作相关技术介绍,慕枫宁波网站建设,网络工程师网课一、href值为url时#xff0c;主要是做链接跳转
href一般是指向一个url地址#xff0c;如a hrefhttp://www.jd.com打开京东商城/a#xff0c;点击时会跳转这个链接的页面href后面是相对路径#xff0c;点击会打开或下载对应的文件 a href…
一、href值为url时主要是做链接跳转
href一般是指向一个url地址如a hrefhttp://www.jd.com打开京东商城/a点击时会跳转这个链接的页面href后面是相对路径点击会打开或下载对应的文件 a href./imgs/001.jpg超链接1/a
a href../edit.rar超链接2/a
a href../note/day02.docx超链接2/a
二、锚链接
在同一页面中从A处跳转到B处 1.确定锚点目标即跳转去的位置使用元素的id或name属性值推荐使用id
img srcimgs/wide.jpg idyh namechm width500/a
2.创建锚点链接href值使用“#锚名”,锚名即元素的id或name值
a href#yh上面风景图/a 从B页面的位置跳转至A页面的a位置 img.html中的img srcimgs/001.jpg idak altak47
first.html中的a hrefimg.html#ak米哈伊尔-卡拉什尼科夫/a
href后url#锚名,先跳转至img.html页面再寻找id为ak的元素
三、调用JS代码
a hrefjavascript:js代码/a这种javascript:用法在传递this等参数时会出现问题可能导致触发window.onbeforeunload事件IE中可能导致gif动画停止播放一般不推荐使用
常见的用法
1.a hrefjavascript:void(0); onclickjs_method()/a
void(0)返回undefined点击不发生跳转通过onclick事件执行js函数
2.a hrefjavascript:; onclickjs_method()/a
这种是执行了一条空的js点击不发生跳转
3.a href# onclickjs_method()/a
点击页面回到顶部发生跳转
4.a href# onclickjs_method();return false;/a
点击执行了js函数后return false页面不发生跳转执行后还是在页面的当前位置
