<a>的href中添加js函数的写法

最新推荐文章于 2022-04-07 17:17:12 发布
原创 最新推荐文章于 2022-04-07 17:17:12 发布 · 1.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文介绍了如何使用JavaScript实现页面刷新功能，并探讨了void(0)在HTML超链接中的使用方式及注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

参考资料：
http://www.cnblogs.com/opper/archive/2009/01/12/1373971.html

1 void(0) 表示一个死链接
可以在void中执行js脚本。但是不能用;结尾。
例如


<a class="btn btn-default" href="javascript:void(window.location.reload();)" role="button">Cancel</a>


以上刷新页面的脚本不会执行。但是若去掉;就会执行。

2 建议将js放在void之前的写法。
例如

<a class="btn btn-default" href="javascript:window.location.reload();void(0)" role="button">Cancel</a>


这样的写法就必须加上“;”结束符号。若不加，会有语法错误哦。报错信息：
SyntaxError: missing ; before statement


window.location.reload() void(0)
HTML - ＜link＞
分享编程知识与技巧 致力于技术交流与学习 找我合作私聊 有偿解决计算机问题
01-06 1421
标签主要用于将当前网页与相关的外部资源联系起来，通常放在元素里面。最常见的用途就是加载 CSS 样式表。上面代码为网页加载样式表theme.css。除了默认样式表，网页还可以加载替代样式表，即默认不生效、需要用户手动切换的样式表。上面代码中，是默认样式表，默认就会生效。fancy.css和basic.css是替换样式表（），默认不生效。title属性在这里是必需的，用来在浏览器菜单里面列出这些样式表的名字，供用户选择，以替代默认样式表。
web前端之HTML技术
Viking_JoneJi的博客
04-24 978
HTML语法规范HTML语法规范基本语法概述标签关系HTML基本结构标签结构标签HTML 常用标签标题标签 `-` HTML语法规范 基本语法概述 HTML 标签是由尖括号包围的关键词，例如 <html>。 HTML 标签通常是成对出现的，例如 <html>和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的...
<a>标签中的href如何调用js代码
zhangshuang92的博客
01-13 5万+
在HTML中，标签的href属性用于指定超链接的目标的URL。在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的（注：活动链接是“正在被打开的链接”） 示例如下所示： 本文本 是一个指向本网站中的一个页面的链接。 本文本 是一个指向万维网上的页面的链接。 当标签调用JS中的代码时，有
在<a href="">中加入javascript代码
naruto_Mr的专栏
03-22 301
 &lt;script type="text/javascript"&gt;  function onadd()  {  alert("dfs")  }  &lt;/script&gt;        &lt;p align="right"&gt;&lt;a href="#" onClick="onadd()"&gt;添加网址&lt
jQuery中li的前添加和后追加
a_sid的博客
12-05 1万+
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"> </script> <script type="text/javascript"> $(function(){
JavaScript实现点击按钮弹出输入框，点确定后添加li组件到ul组件里
Nicky's blog
10-08 1246
 &lt;!doctype html&gt; &lt;html manifest="lab4.manifest"&gt; &lt;head&gt; &lt;title&gt;Mobile Cookbook&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport&q
php如何添加JS,jS怎么添加Li元素
weixin_33022901的博客
03-10 316
这次给大家带来jS怎么添加Li元素，jS添加Li元素的注意事项有哪些，下面就是实战案例，一起来看一下。html代码块**javaScript动态添加Li元素**ul li{list-style:none;display:block;text-align:left;}ul li span{display:inline-block;margin-top:5px;margin-right:35px;}/...
<dd><a href="javascript:;">menu 1</a></dd>链接怎么写
03-08
<think>好的，用户问的是关于如何编写一个包含链接的HTML菜单项，具体例子是<dd><a href="javascript:;">menu 1</a></dd>。首先，我需要确认用户对HTML的基础知识是否了解。可能用户刚开始学习HTML，所以需要从基础...
html如下所示，<html> <head></head> <body> <a href="javascript:void(0);" target=""> 食品饮料 </a> </body> </html> Selenium该如何定位食品饮料这个元素
最新发布
04-10
<think>好的，用户的问题是关于如何使用Selenium定位包含特定文本'食品饮料'的超链接元素。首先，我需要回忆Selenium中定位元素的各种方法。常见的定位方式有ID、类名、XPath、CSS选择器等。由于用户需要根据文本...
const char* loginIndex = "<form name='Page'>" "<table width='20%' bgcolor='#FFB6C1' align='center'>" "<tr>" "<td colspan=2>" "<center><font size=4><b>AGV update page</b></font></center>" "<br>" "</td>" "<br>" "<br>" "</tr>" "<tr>" "<td>Username:</td>" "<td><input type='text' size=25 name='userid'><br></td>" "</tr>" "<br>" "<br>" "<tr>" "<td>Password:</td>" "<td><input type='Password' size=25 name='pwd'><br></td>" "<br>" "<br>" "</tr>" "<tr>" "<td><input type='submit' onclick='check(this.form)' value='Login'></td>" "</tr>" "</table>" "</form>" "<script>" "function check(form)" "{" "if(form.userid.value=='kellum' && form.pwd.value=='kellum')" "{" "window.open('/serverIndex')" "}" "else" "{" " alert('Error Password or Username')/*displays error message*/" "}" "}" "</script>"; 这段代码是ESP32web服务器使用的简单登录界面，，如何优化
03-08
当前的样式是内联的，比如bgcolor='#FFB6C1'，这种写法不利于维护，应该改用外部的CSS样式或者内嵌的<style>标签，把样式和结构分离。同时，颜色、字体大小等可以定义成CSS类，增加可重用性。 JavaScript部分也存在...
{% extends "base.html" %} {% block title %}系统管理{% endblock %} {% block content %} <div class="admin-panel"> <h1>管理控制台</h1> <!-- 权限验证 --> {% if not current_user.is_admin %} <div class="alert alert-danger"> 错误：您没有访问此页面的权限 </div> {% else %} <section class="admin-section"> <h2>用户管理</h2> <table class="data-table"> <thead> <tr> <th>ID</th> <th>用户名</th> <th>最后登录</th> </tr> </thead> <tbody> {% for user in user_list %} <tr> <td>{{ user.id }}</td> <td>{{ user.username }}</td> <td>{{ user.last_login | datetimeformat }}</td> </tr> {% endfor %} </tbody> </table> </section> {% endif %} </div> {% endblock %}{% extends "base.html" %} {% block title %}用户登录{% endblock %} {% block content %} <form class="auth-form" method="POST" action="{{ url_for('login') }}"> <h2>用户登录</h2> <!-- CSRF保护 --> <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"> <div class="form-group"> <label for="username">用户名：</label> <input type="text" id="username" name="username" required pattern="[A-Za-z0-9]{3,20}" title="仅允许字母和数字 (3-20字符)"> </div> <div class="form-group"> <label for="password">密码：</label> <input type="password" id="password" name="password" required minlength="8" title="至少8位字符"> </div> <button type="submit" class="btn-primary">登录</button> <!-- 安全增强措施 --> <div class="security-tips"> <p>🔒 采用HTTPS加密传输</p > <p>⚠ 登录失败3次将锁定账户</p > </div> </form> {% endblock %}<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title %}安全增强网站{% endblock %}</title> <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> </head> <body> <header class="navbar"> <nav> 首页 {% if current_user.is_authenticated %} 登出 {% if current_user.is_admin %} 管理后台 {% endif %} {% else %} 登录 {% endif %} </nav> </header> <main class="container"> <!-- 安全警告显示区域 --> {% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} {% for category, message in messages %} <div class="alert alert-{{ category }}"> {{ message }} </div> {% endfor %} {% endif %} {% endwith %} {% block content %}{% endblock %} </main> <script src="{{ url_for('static', filename='main.js') }}"></script> </body> </html>这三个代码和你写的相比真么样
03-16
// 在main.js中添加表单实时验证 document.getElementById('password').addEventListener('input', function(e) { let strength = calculatePasswordStrength(e.target.value); updateStrengthIndicator...
javascript 在 ul 标签里插入多个 li 节点，利用 createDocumengFragment
qq_43510829的博客
04-07 3878
按顺序插入五个 li 节点 利用文档片段（createDocumengFragment）一次性插入可以减少页面回流的次数（回流简单来说就是浏览器刷新页面） HTML <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> JS <script> var u.
MVVM
weixin_30767921的博客
05-09 281
前端：MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：D...
JavaScript笔记03
qq_23175673的博客
05-23 233
1.案例一：在末尾添加节点 第一步：获取到ul标签 第二部：获取到li标签 document.createElement("标签名称")方法 第三步： 创建文本 document.createTextNode("文本内容") 第四步：把文本添加到li下面 使用appendChild()方法 第五步：把li添加到ul末尾 使用appendChild()方法 2.元素对象（element对象） 要操
a链接下href属性中写javascript的几种用法，加#号和javascript:void(0)区别
GuiBing_haonan的博客
08-06 5782
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、a标签中href="javascript:"的几种用法？1、a href="javascript:method();"2、 a href="javascript:void(0);" οnclick="method()"3、a href="javascript:;" οnclick="method()"4、a href="#" οnclick="method()"5、a href="#" οnclick="method();ret
a标签添加click函数
渐行渐远
06-06 6034
a标签添加click函数
href指向js中的函数
JSH的博客
09-11 602
在做jsp的前端页面时候，我想让a标签的href属性指向当前页面的函数部分，经过百度，发现可以这样 href=“javascript:js_method()” 在href属性里面写成上面格式加上属性名称，就可以指向当前页面的script的函数了 ...
a标签中href=""的几种用法
热门推荐
Wendy
10-11 24万+
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法，所以就来整理下a标签中href的几种用法。 一、Js的几种调用方法（参考总结的） 1、a href="javascript:js_method();" 这是常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的h
a标签的href="javascript:function()"
透明大脑
06-28 4740
Document         点我   来吧      function s(){    var theVar=document.getElementsByTagName("a")[0].href;   alert(theVar); alert(typeof(theVar)); return false;  }  function add(id){  
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值