a标签 可能会出现的bug

在项目中a标签遇到过的问题

发现问题:a标签包装的按钮, 如果这个按钮在页面滚动后出现,你点击后,页面会定位到滚动以前的位置,但是我并不想要这种效果。

分析问题并尝试: 一开始以为是光标定位问题,用document.getElementById("username").focus(); 试了一下还是没解决。

         后来经同事提醒,把a标签的href属性去掉,试了一下好了,不跳到上面了。

分析发生问题的原因:href写的"#",相当于跳到当前页面的一个锚点,锚点地址又没写是空,默认就会是页面最上面,如果没有滚轮就看不出有区别,有滚轮你会发现有问题。

发现问题:a标签写的提交按钮,提交之后没有跳到js里面制定的url,而是跳到这个网站的主页了。

分析问题并尝试:一开始猜是form提交的url不对。

            还猜过form里面id名字是不是不能带“-”。

              偶然间重写了一次a便签,发现没有这问题了,你猜怎么着?a便签忘记写 href=“#”了,

分析发生问题的原因:提交的地址应该是http://10.1.29.254:8088/mbms/public/index.php?controller=content&action=ListContent

                      因为提交里面的url都是写的后面的地址index.php?controller=content&action=ListContent,没有写前面的地址,

                       然后href没写,他找不到前面的http://10.1.29.254:8088/mbms/public这个地址,就没有跳到制定页面,但是为什么会跳到主页,我也不知道。

发现问题:a标签想实现下载功能,一开始以为是href=“文件地址”就可以了,但是点一下,就跳到那个地址了,打开那个文件了

分析问题并尝试:查了一下,只要给他设置下面这个属性就可以了 download=“文件名称”

分析发生问题的原因:当时脑子轴,没想到这不就是a便签的默认跳转链接属性么,还纳闷了半天,加 download=“文件名称”就可以了

总结: a标签写href=“#”,点了,视野会重定位,所以有滚轮要慎重。

    a标签不写href=“#”,当做提交按钮时,提交的url要写全,不然定位的地址会乱跳

    a便签实现下载功能 href=“文件地址” download=“文件名称”

    

时间: 2024-08-29 06:45:10

a标签 可能会出现的bug的相关文章

img标签下多余空白BUG解决方法

在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的 对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中

HTML5基本标签的使用

第一次写这种东西,肯定存在许多不足之处,还望大家多多担待,我会继续加油的!我也是一名HTML5的初学者,只是将这几周在课堂上所听到的东西分享给大家. 下面给大家介绍一下H5的基本标签吧! 1.<!DOCTYPE html> HTML的文档类型声明:声明这个文件是HTML5文件,让浏览器按照HTML5的标准对代码进行解释执行. 要注意的是:文档声明在HTML文件中,必须要有,而且必须写在文件最上方. 如果不写文档类型声明,浏览器会默认按照兼容模式运行,可能会出现不明BUG.(这个东西在HBuil

HTML的正确入门姿势——基本结构与基本标签

一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML文档的结构 HTML文档主要包括三大部分:文档声明部分.<head>头部部分.<body>主体部分. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head>

WEB的进击之路-第一章 HTML基本标签(1)

一.HTML简介 超文本标记语言,标准通用标记语言下的一个应用. "超文本"就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括"头"部分(英语:Head).和"主体"部分(英语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. 二.DOCTYPE--文档声明 文档类型声明必不可少,而且,必须放在文档最上方.  文档类型声明:让浏览器按照html

定位浅析和一些小标签的使用

定位分为四种定位,固定定位:fixed,相对定位:relative,绝对定位:absolute和最后一个静态定位:static. 四种定位中最简单的就是最后的静态定位,因为他其实就是和标准流是一样的,固定定位和绝对定位都是脱离标准流的,而且都实现了模式转换,两者不同的是前者的定位是相对于浏览器来说的,而后者的定位是相对于父级来说的,若是父级没有相关设置的话那也是相对于浏览器来说的.另外两个定位,相对定位和静态定位都是没有脱离标准流的,没有实现模式的转化,相对定位的定位是相对于自己在原来标准流里的

[转]使用正则表达式匹配嵌套Html标签

原文链接 https://msdn.microsoft.com/zh-cn/ff686933.aspx 本文来自Kevin Yang博客 作者:Kevin Yang 概述 正则表达式是做文本解析工作必不可少的技能.如Web服务器日志分析,网页前端开发等.很多高级文本编辑器都支持正则表达式的一个子集,熟练掌握正则表达式,经常能够使你的一些工作事半功倍.例如统计代码行数,只需一个正则就搞定.嵌套Html标签的匹配是正则表达式应用中一个比较难的话题,因为它涉及到的正则语法比较多,也比较难.因此也就更有

Day47:HTML(简介及常用标签)

一.HTML简介 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容.但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性). 静态网页文件扩展名:.html 或 .htm. HTML 不是一种编程语言,而是一种标记语言 (markup language).HTML 使用标记标签来描述网页. html

49、html基础认识&amp;常用标签(1)

从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....")

来吧,HTML5之基础标签(上)

什么是html5 HTML 5 是下一代的 HTML.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. 学习过程中标签的理解 <a>标签  定义超链接,也就是锚.导航到某个网址或文件,应用其中的href属性.链接页面通常显示在当前浏览器窗口中,除非您规定了另一个目标(target 属性). 在 HTML 4.01 中,<a> 标签可以是超链接或锚.在 HTML5 中,<a> 标签始终是超链接,但是如果未设置 href 属性,则只是超链