关于html页面中<a>标签的一点小问题

今天无聊在电脑上写一个网页的音乐播放器，在点击播放列表中的歌名时，页面突然就调到顶部了。我的a标签是这样写的：<a href="#"></a>.按理说是不该有跳转的，但是发生了，虽然可以再拖下来，但是用户体验真心不好。很久没有写html，记得以前没有碰到这种情况，所以就去网上搜了一下，看到了各种说法。只好自己去想了。当我无意间在标签中的“#”之后加了个a之后，突然发现页面就不跳转了，所以可能是浏览器对于“#”自动识别为跳转，加了东西后就会忽略了。所以以后可以写成<a href="###">，避免页面自动回到顶部的不爽。

时间： 2024-12-24 21:02:15

关于html页面中<a>标签的一点小问题的相关文章

在php中，如何将一个页面中的标签，替换为用户想输出的内容

前言:釜山行,暴露人性, ———————————————————————————————————————————————————————————————————————————— 今天说一个最简单的例子,就是在php中如何读取另一个html页面中的标签,并显示用户想输出的内容. 首先建立一个页面,命名为:test.html如下图所示: <!doctype html> <html lang="en"> <head> <meta charset=&

jsp页面中jstl标签详解

JSLT标签库,是日常开发经常使用的,也是众多标签中性能最好的.把常用的内容,放在这里备份一份,随用随查.尽量做到不用查,就可以随手就可以写出来.这算是Java程序员的基本功吧,一定要扎实. JSTL全名为JavaServer Pages Standard Tag Library,目前最新的版本为1.1版.JSTL是由JCP(Java Community Process)所制定的标准规范,它主要提供给Java Web开发人员一个标准通用的标签函数库. Web程序员能够利用JSTL和EL来开发We

页面中部分标签简单描述

今天工作中做的内容: <div> <br/> <br/> <br/> <br/> <span><a href="http://xxxxxx.xxxxx.xxxxx.cn">12344567890</a></span> </div> 描述: br定义和用法<br> 可插入一个简单的换行符.<br> 标签是空标签(意味着它没有结束标签,因此这是错误

JS添加验证页面中script标签中是否存在jquery文件

1 window.onload = function() 2 { 3 var al = document.getElementsByTagName("script"); 4 var new_element=document.createElement("script"); 5 var joine = [] 6 for(var i = 0; i<al.length; i++) 7 { 8 joine.push(al[i].getAttribute("s

Javascript中window.opener的一点小总结

以前一直认为window.opener只有在window.open方法打开下的窗口才可以访问,没想到即使是a链接打开的页面的照样可以访问.window.opener指向父窗口,也就是来源窗口.可以利用window.opener获取来源页面location.href信息等,也可以操作来源 页面的DOM,十分强大 但下面的情况,window.opener的值为null 1,跨域的情况如果是www.a.com/1.html链接到www.b.com/2.html,这种情况会丢失2,利用的javascri

angular js jquery中post请求的一点小区别

这也是最近遇到的坑,还是之前那个项目,现在要实现登录功能. 背景:注册功能之前已经跑通了.前端用的是jquery后台是springMVC.鉴于注册和登录有些接口功能是类似的(比如注册确保邮箱是没有注册过,而登录是确保注册过),于是后台还准备用注册的那套接口. 登录的接口get请求是没问题的,但是post却出了问题:后台收不到请求体里的内容. 后来发现是jquery和angular的post行为有些区别,于是我做了个实验. <!DOCTYPE html> <html lang="

UITableView中关于viewForHeaderInSection的一点小坑

新手入门,在保持兴趣的前提下,最直接的办法就是照着例子手动敲一遍代码,然后将示例跑起来,这样能最直观的看到效果. 但是,一般的面向初学者的教程或实例,技术面都相对于浅显,实现的效果也比较Low,就像开发商刚盖出的房子一样,也叫房子,但那是毛坯房.相对于有其他语言开发经验或项目经验的初学者(Ps:例如我~)来说,往往会以点带面,会主动去挖掘与教程相关的“姿势点”,想尽办法用已掌握的新技能去将这些实例完善.扩展,想一次就做出精装修的房子.又因为对于一门刚接触的新语言,了解的不够深入,所以也会难免陷入

【Android界面实现】关于Android中9patch图的一点小解释

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 关于为什么使用.9图,我就不长篇大论了,就是为了减少图片资源体积,我们这篇文章重点解决.9图的制作的一些小问题. .9的制作,实际上就是在原图片上添加1px的边界,然后按照我们的需求,把对应的位置设置成黑色线,系统就会根据我们的实际需求进行拉伸. 下图是对.9图的四边的含义的解释,左上边代表拉伸区域,右下边代表padding box,就是间隔区域,在下面,我们给出一个例子,方便大家理解. 先看下面两张图,

shell中需要了解的一点小东西

shell脚本调用的两种方式 一种是赋予权限,使用绝对路径 另一种只需要拥有读权限,使用bash 调用脚本 history命令 -c 清空历史命令 -w 把缓存中的历史命令写入历史命令保存文件当中,如果不手工指定历史命令保存文件,则放入默认历史命令保存文件~/.bash_history 历史命令默认会保存1000条,这是通过环境变量HISTSIZE来进行设置的,我们可以再环境变量配置文件/etc/profile中进行修改 因为历史命令是保存在~/.bash_history中的,而不是内存中,所以