<a href="javascript:;" onclick="showmedal(1);" > 的多种写法

最新推荐文章于 2024-03-17 23:10:10 发布
原创 最新推荐文章于 2024-03-17 23:10:10 发布 · 5.6k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
本文介绍如何在点击超链接时，不跳转到新的页面，而是执行页面内的JavaScript函数，通过示例代码展示实现方法，包括如何在链接中嵌入JavaScript代码片段。 
点击超链接的时候不跳转页面而是调用页面里的一个javascript函数。
<a href="javascript:;" onclick="showmedal(1);" >

也可以这样写：
<a href="javascript:showmedal(1);" >

点连接弹出提示框
<a href="javascript:;" onclick="alert('提示框');" >
sdfdsfd
关注
web二级操作题
weixin_73104281的博客
09-23 1961
js和css的引入 在 HTML 中，你可以使用 <script> 和 <link> 标签来引入外部的 JavaScript 文件和 CSS 文件。 引入外部的 JavaScript 文件： <script src="path/to/script.js"></script> src 属性指定了 JavaScript 文件的路径，可以是相对路径或绝对路径。确保 script.js 文件的路径与 HTML 文件的位置相对应。 引入外部的 CSS 文件： <
href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的使用误区
江南烟雨的博客
08-10 527
今天开发项目遇到这个问题，百度一下，做一下总结 1.链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）；  2.假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值。不信，你可以将 goGoogle 函数中的 return false 注释
[转]-- <a href="#" onclick=" ">的一个小技巧
KYNG
11-19 184
[/color]使用javascript的时候,通常我们会通过类似:    &lt;a href="#" onclick="javascript:方法"&gt;提交&lt;/a&gt; 的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false. 如下所示: &lt;a href="#" oncl...
Javascript跳转页面和打开新窗口等方法
热门推荐
cogizh
10-23 12万+
1.在原来的窗体中直接跳转用 onClick="window.location.href='你所要跳转的页面';" 2、在新窗体中打开页面用： onclick="window.open('你所要跳转的页面')" 3、返回上一页 （ 本地测试无效，服务器上可用） window.history.back(-1); 返回 返回上一页 ">返回上一页 4、一些用法
a标签中href调用js的几种方法，程序员进阶
m0_61943758的博客
03-17 4280
这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
关于<a href='javascript:function()'>的使用
叶落无痕的博客
05-02 1万+
这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码， 而不推荐href='javascript:function()' 这样的写法， 因为href属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。 而且onclick事件会比href属性先执行，所以会先触
href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
墨竹
10-18 6万+
href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的，今天在项目中使用时发现前者的this根本拿不到触发事件的A标签，而后者可以拿到 一般在做分页按钮时会用A标签来做，但是一般都会写之类的 href="#"会导致分页在跳转时页面先跳到当前页面顶部用户体验不好，所以一般推荐写成 甚至如果跳
JavaScript知识点总结
i_illusion的博客
07-17 397
JavaScript 对于编程语言的认识  一门成熟的编程语言应该具备：变量、数据类型、运算符、控制语句（顺序结构、选择判断结构、循环结构）、自成体系的APIJavaScript的作用 对DOM进行操作（DOM:Document Object Model）:通过事件驱动页面模型发生变化（DOM树中元素的增删改查，特别是改：改内容，改样式），JavaScript能操作DOM的原因在于J
HTML+JS基础之a标签href与onclick事件的冲突处理
SoulArbiter的博客
04-22 4708
这几天尝试一个小项目时遇到的一个很不明显的坑 感觉前端初学者都很容易掉进这个坑呀 就是在使用a标签中  如果同时有 href  和onclick事件时   如果没对 href 做处理 那么对 onclick 事件本身解析会有干扰 举个我今天遇到栗子： 在上面贴出的 code 中，因为我把这个链接设置成一个按钮  其目的是引发click_scroll函数 (页面滚动到指定位置) ，
<a>标签中 href 和 onclick 的区别，以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别
有范管理美学 | 公众号/头条号：有范管理美学
08-18 3万+
标签中href属性动作和onclick事件的区别，以及href="javascript:xxx(this);"与onclick="xxx(this);" 传递this参数的区别 一、href 与 onclick 的区别 我以前在写标签的 href 和 onclick 一直很随意，后来出过几次问题，以后才开始重视这个问题： 首先摘录一篇文
关于<a></a>链接的几种写法
foyui的博客
07-20 1314
1. 2. 3. 其中第一种是正统写法； 在使用第二种，第三种写法时，切记要javascript:;或javascript：return false; 使链接不生效,执行function；如果不这样写，会出新页面提前跳转，而function还没有执行完，出现找不到页面的情况；
href="javascript:show_login()"意思
weixin_30917213的博客
05-30 1190
整句话意味着当你点击一个超链接时，你会触发函数show_login。 Href是一个超链接，通过单击该超链接触发。 javascript：后面是JS代码 show_login（）：表示JS的函数的油烟净化器价格方法名为show_login，加上（）表示函数已执行。 例子： 一二三四五<a href=“javascript:show_login（）”>超链接</a>...
关于a标签中href属性的多种用法
lazycat的博客
04-14 8783
1. 拨打电话 &lt;a href="tel:13800013088"&gt;13800013088&lt;/a&gt; 2. 唤起QQ &lt;a href="tencent://message/?Menu=yes&amp;uin=1248106922" target="_blank" class="fixed-qq" data-type="qq&q
<A href="javascript:void(0)">点我啊</a> 与<A href="#“>点击</A>区别
wlbbswl的博客
07-14 543
点我啊 点击链接后不会回到网页顶部 点我啊 点击后会回到网面顶部
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值