规范href超链接,避免问题发生

问题版本

<a href="javascript:wxAuthorize();" class="sub">我有微信公众号,立即设置</a>
  <script type="text/javascript">
        function wxAuthorize(){
            location.href = "/wxaccount/view/wxAuth.shtml";
        }
</script>

这种写法,纯粹脱了裤子放屁,而且还有造成隐患。

如果客户的浏览器禁用javascript脚本的话,点击会没有任何反应。

正确的写法:

 <a href="/wxaccount/view/wxAuth.shtml" class="sub">我有微信公众号,立即设置</a>

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-11 07:34:05

规范href超链接,避免问题发生的相关文章

jquery mobile href超链接 单击显示error loading page

在a标签里添加 data-ajax="false" 或 rel="external" 属性 例:<a data-ajax="false" href="http://www.***.com/help/***.zip">点击下载</a> 详解: 外部页面链接 JQuery Mobile 主动化了创建ajax站点和法度的过程. 默认景象下,当你点击一个链接时会指向一个外部页面(如.products.html)

vue 中的路由为什么 采用 hash 路由模式,而不是href超链接模式(Hypertext,Reference)?

1. vue中路由模式的种类有两种 1. 一种是 hash 模式. 2. 一种是 h5 的 history 模式. 2. hash 和 history 都是来自 bom 对象 bom 来自 window 3. window.location.hash 4. hash 是属于 window.location 这个对象,而history直接属于 window 5. window.history 6. 是因为路由模式下,当hash值发生改变,不会发生网络请求,但是href会,vue会自动监听hash

Web前端开发规范手册

一.规范目的 1.1 概述 ..................................................................................................................................... 1 二.文件规范 2.1 文件命名规则...................................................................................

2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)

2015.7.6 第一课 课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> (  粗细: size: 宽度:width

html标签,格式控制标签,内容容器标签,超链接标签,图片标签,表格

打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftmargin   左边距 rightmargin 右边距 bottommargin  下边距 body属性用法示例: 格式控制标签: <font color="" face="" size=""></font> 分别控制字体的颜

超链接访问后hover样式不出现的问题解决办法

问题 <a href="#">超链接访问后hover样式不出现的问题</a> <style type="text/css"> a:hover{ color: red; } a:visited{ color: #ccc; } </style> 上面这段代码a标签被访问过后,hover的样式就不在出现,原因是将a:hover和a:visited的顺序放错了 正确的伪类顺序为: <style type="te

在HTML中怎么去掉a标签(超链接)的下划线?

<style type="text/css">a:link,a:visited{ text-decoration:none; /*超链接无下划线*/}a:hover{ text-decoration:underline; /*鼠标放上去有下划线*/}</style> <a href="#">超链接</a>

redis使用规范文档 20170522版

运维redis很久了,一直是口头给rd说各种要求,尝试把这些规范总结成文档 强制:所有的key设置过期时间(最长可设置过期时间10天,如有特殊要求,联系dba说明原因 ) 强制:禁止在测试环境,本地办公环境,开发跳板机,连接线上redis实例(实例归业务自运维的 除外) 强制:禁止使用运维类的命令 keys monitor debug watch flush bigkeys 强制:list的长度最大长度不超过1万,size不超过1G 强制:key的长度不超过100个字符 建议:string类型v

HTML和CSS的知识点

HTML的知识点 HTML的结构: <!DOCTYPE html>: 文档类型性为HTML5文件 文档声明:在HTML的文档中必不可少,且必须在文档的第一行 文档声明的编码格式<!----> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body>. HTML的三个常见头部标