首先的区分有没有用bathpath
1.没有使用bathpath
http://localhost:8080/project/xxx.html页面下
(1)<a>请单击</a>如果href属性为空将失去超链接的特性
(2)<a href="">请单击</a>
I.在谷歌浏览器下,跳转当前页,依然跳转http://localhost:8080/project/xxx.html
点击它,会刷新页面,导致一次无意义的请求,浪费服务器资源
II.在IE11下,会跳转项目根目录http://localhost:8080/project/
(3)<a href="#">请单击</a> 页面路径后多个#
http://localhost:8080/project/xxx.html#效果会是到页首
(4)<a href="#top">请单击</a> 页面路径后多个#top
http://localhost:8080/project/xxx.html#top,效果同(3),路径不同
(5)<a onclick="alert('Hello World!!!')">请单击</a>原理效果同(1)
(6)<a href="" onclick="alert('Hello World!!!')">请单击</a>
I.在谷歌浏览器下,alert以后效果同(2)
II.在IE11下,alert以后效果同(2)
(7)<a href="#" onclick="alert('Hello World!!!')">#</a>页面路径后多个#
http://localhost:8080/project/xxx.html#,alert以后效果同(3)
(8)<a href="#top" onclick="alert('Hello World!!!')">#top</a>页面路径后多个#top
http://localhost:8080/project/xxx.html#top,alert以后效果同(4)
疑点1:(3)的情况是否会刷新页面,如何证明
疑点2:据网上资料显示,(3)是(4)的一种缩写
2.使用bathpath
myeclipse新建jsp页面时,会有如下代码
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
作用是使页面无论处在哪里, 都相当于在当前WEB项目的根路径下
http://localhost:8080/project/xxx.jsp页面下
(1)<a>请单击</a>如果href属性为空将失去超链接的特性
(2)<a href="">请单击</a>
I.在谷歌浏览器下, 跳转项目根目录 http://localhost:8080/project,这是因为bathpath的作用
II.在IE11下,会跳转项目根目录http://localhost:8080/project/
(3)<a href="#">请单击</a>跳转项目根目录/#,http://localhost:8080/project/#
并没有出现想象中的 http://localhost:8080/project/xxx.jsp#
还是因为bathpath的作用:使页面无论处在哪里, 都相当于在当前WEB项目的根路径下
如果是a标签href="b" 难道能跳到/xxx.jsp/b去吗?
(4)<a href="#top">请单击</a> 跳转项目根目录/#top,http://localhost:8080/project/#top
并没有出现想象中的 http://localhost:8080/project/xxx.jsp/#top,原理同(3)
(5)<a onclick="alert('Hello World!!!')">请单击</a>原理效果同(1)
(6)<a href="" onclick="alert('Hello World!!!')">请单击</a>
I.在谷歌浏览器下,alert以后效果原理同(2)
II.在IE11下,alert以后效果同(2)
(7)<a href="#" onclick="alert('Hello World!!!')">#</a> alert后跳转项目根目录/#,
http://localhost:8080/project/#,效果原理同(3)
(8)<a href="#top" onclick="alert('Hello World!!!')">#top</a> alert后跳转项目根目录/#top,
http://localhost:8080/project/#top,效果原理同(4)
疑点1:如何解决在既有basepath的情况下#跳转到页首的问题
相关推荐
a标签点击事件方法汇总 <a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。 这里的href=”[removed];” rel=”external no...
a标签下载关于图片.txt
a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:...
demo——关于禁用html中a标签的思考.zip,欢迎下载!
当一个页面有多个a标签,实现当前点击a标签变色,其他a标签回复原色,具体实现如下,喜欢的朋友可以参考下
a标签样式 和 a标签属性 .docx
如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: <a>跳转到div</a> 这里是被跳转的区域 第二个,使用jquery添加或者移除class属性 也很简单,使用jquery的方法...
HTML JSP 页面A标签访问后台,JSP 或者 直接跳转 HTML页面 进行隐形传参
a标签跳转打开新页面
点击A标签后当前a变色,其它的不变色,让被点击的高亮显示
HTML的页面链接A标签.pdf
//既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “”spanId”>下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。
HTML a 标签.docx
jquery下A标签onclick事件的处理,看看看看看看。
JQuery 控制动态A标签输出内容样式
表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件...
PHP替换HTML文件中所有a标签的HREF属性,其他代码不变,不管执行多少次都不变
代码如下: [removed] function doTest(){ var value = $(“input[name=’... } [removed] 要取的INPUT 标签<input name=”dizhi” type=”radio” id=”dizhi” onclick=”doTest()” value=”<?php echo $rsaddr
swiper移动端左右滑动与a标签链接接同时触发解决方案
Label的ToolTip属性,或是a标签的提示换行问题