a标记中的href和onclick

最新推荐文章于 2021-05-30 21:29:49 发布
最新推荐文章于 2021-05-30 21:29:49 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript function ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hz_blog/article/details/7611808
版权

       链接的 onclick事件被先执行，其次是 href属性下的动作（页面跳转，或 javascript 伪链接）； 假设链接中同时存在 href与 onclick，

如果想让 href属性下的动作不执行，onclick必须得到一个 false的返回值。如果页面过长有滚动条，且希望通过链接的 onclick事件

执行操作。应将它的 href属性设为 javascript:void(0);，而不要是 #，这可以防止不必要的页面跳动；如果在链接的 href属性中调用一

个有返回值的函数，当前页面的内容将被此函数的返回值代替； 在按住Shift键的情况下会有所区别。 在IE6.0里以href的形式访问不

parentNode。尽量不要用javascript:协议做为A的href属性，这样不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会

使gif动画图片停止播放。 

<body>
    <a href="" οnclick="return aaa(this)">aaa</a>
    <a href="javascript:void(0)">bbb</a>
</body>
<script type="text/javascript">
	function aaa(){
		alert(arguments[0].innerHTML);
		return false;
	}
</script>

javascript:(function(){alert('aaa')})();
Asher
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WML和script中文文档
10-16
WML（Wireless Markup Language）和Script是WAP（Wireless Application Protocol）手机网站开发中的核心技术，用于构建和交互移动设备上的网页应用。WML是一种基于XML的语言，专门设计用于在有限资源和低带宽环境下...
JavaScript和TypeScript中的void的具体使用
10-16
<a href="javascript:void(0)" onclick="doSomething()">Click me</a> ``` 在 TypeScript 中，`void` 作为一个类型，表示一个函数不会返回任何值。这意味着当你定义一个返回 `void` 的函数时，你向其他开发者明确...
a标签加入单击事件，屏蔽href跳转的方法
Bruce Tu的专栏
02-06 1538
方法1：a href="javascript:void(0);" onclick="js_method()"onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转方法2：a href="javascript:;" onclick="js_method()"这种方法跟方法1类似，区别只是执行了一条空的js代码方法3：a href="#"
a标签中 href onclick
xianrenyingzi的专栏
03-18 1090
⒈  链接的 onclick 事件被先执行，其次是 href 属性下的动作（页面跳转，或 javascript 伪链接）； ⒉  假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 必须得到一个 false 的返回值； ⒊  如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href 属性设为 javascri
A标签的href以及onclick
梦想破晓
05-13 527
在项目中，我们经常会用到A链接标签，有时使用链接标签的href属性进行跳转，这很容易写；有时使用onclick属性在点击时使用，这是就有一个不得不面对的问题，不写href属性鼠标指针不变成手型，写了后在执行了对应的js函数后链接直接转到href属性的值中。 第一种方法是：href属性值为javascript:void(0),此时href属性无任何动作。在Javascript中void是一个操作符
a标签的 onclick, href
oqqaKun1的博客
10-25 389
1. 以下这种写法，onclick 事件先执行， href 属性下的动作后执行（页面跳转或 javascript 伪链接），如果不想执行 href 属性下的动作，onclick 需要返回 false: &lt;a href="https://www.baidu.com/" onclick="doSomething()"&gt;链接&lt;/a&gt; 2. 如果实际应用中，确实需要 a 标签...
a标签里面设置onclick_A标签中href和onclick传递this对象的实现方法
weixin_42500625的博客
01-17 815
在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是将这个URL写成"Javascript:shoControlSidebar(this)"，实现不了，传递过去的参数是一个对象，但是却得不到任何其他信息。想得到innerText，而这个this并非指向它所在的A标签。这便是和不同的地方。当使用onclick="shoControlSide...
Thymeleaf中th:href、th:src、th:onclick
热门推荐
Daniel的博客
09-02 1万+
Thymeleaf 中 th:href、th:src、th:onclick需要拼接动态数据时（后端传递的动态数据），需要遵守相关的语法规定。 一般来说，上面的三种表达式都需要用到@{xxx}，如<a th:href="@{/user/1}"></a> ==>解析完也就是 <a th:href="/user/1"></a> 但是当需要进行动态拼接时，则不是简单的<a th:href="@{/user/${id}}"></a>，.
SQL去除字符串中的html标记及标记中的内容[参照].pdf
10-20
道</a><a onclick=s(this) href=http://mp3.baidu.com>MP3</a><a onclick=s(this) href=http://image.baidu.com>图 片</a><a onclick=s(this) href=http://video.baidu.com>视 频</a></div></td></tr></...
HTML超文本标记语言速查手册.pdf
07-14
通用属性可以应用于多种标签，例如class属性可以应用于任何标签，而特定属性只能应用于特定的标签，例如<a>标签的href属性。 * HTML属性的值可以是字符串、数字或枚举值，例如<a>标签的href属性的值可以是一个URL...
出现问题a is defined高手帮忙
06-15
<link rel="stylesheet" type="text/css" href="style.css"> src="http://ditu.google.com/maps?file=api&v=2& key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ- i1QfUnH94QxWIa6N4U6...
<a>标签中的href和onclick的区别
u012129031的专栏
12-14 1211
转载自：https://my.oschina.net/junzizhiyao/blog/182702 这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，
从a 的href写上地址可以跳转，可以把href去掉再加个点击事件，在事件中加window.open(url)跳转被拦截的问题
weixin_45899022的博客
04-13 261
如果加的这个事件是异步执行的话是被拦截的，改为同步即可 第一部分代码跳转会被拦截，第二部分的就不会了 <template> <div> <a @click="openPushProduct(url)" target="_blank" onfocus="this.blur()">新标签页打开</a> </div> </...
html+a标签自动点击事件,a标签href属性和onclick事件的比较介绍_HTML/Xhtml_网页制作...
weixin_29959615的博客
05-30 1123
首先说一下， href属性 和 onclick事件 的执行顺序，当鼠标点击a标签的时候会先执行 onclick事件， 然后才是 href 属性下的动作(页面跳转，或 javascript 伪链接)，如果不想执行href 属性下的动作执行，onclick 需要要返回 false ，一般是这样写onclick="xxx();return false。href属性里面如何执行javascript代码表达...
使用a标签点击事件时 把href 属性去掉就可以正常点击，如果带href的话 就要阻止默认事件 event.preventDefault() 但这样在火狐浏览器中不起作用。...
weixin_30951231的博客
08-17 233
使用a标签点击事件时 把href 属性去掉就可以正常点击，如果带href的话 就要阻止默认事件event.preventDefault() 但这样在火狐浏览器中不起作用。 转载于:https://www.cnblogs.com/yaomengli/p/7379919.html...
html a标签中 href 和 onclick 同时使用的问题 优先级别
mengzuchao的专栏
07-17 5203
Html A标签中 href 和 onclick 同时使用的问题 优先级别 1 顺序 ie 6 : href 先触发 onclick 后触发 其他浏览器 先触发onlick 后触发 href 2 href="javascript: xxx()" 不能传入this作为参数 onclick可以 代码如下 &lt;a href="javascript:alert('href event'...
html A标签的onclick事件和href的使用
岁寒松柏
09-18 1631
下面是测试先执行onclick事件还是先执行href，以下为代码： a href="javascript:alert(2);" onclick="alert(1);">1先出来是onclick,2先出来是hrefa>     结果在IE、Firefox、Chrome都是先执行的onclick事件，在项目中我们尽量不要同时使用这两种方式。   A标签的写法
a标签中使用onclick事件时，href的处理
一万个小时
02-08 587
1.test 2.test 3.test参考博文
a标签的href与click事件
weixin_30376323的博客
04-26 1812
<a href='index.html' onclick='index()' >链接</a> a标签中如果同时存在href和onclick时，以上的写法，onclick先执行，href后执行（页面跳转），但可能存在href跳转时，click事件的处理程序还未生效； 禁止href执行的方法： （1）href=‘javascript:void(0)’，这时只执行oncli...
如何在HTML中实现不同模块的跳转
最新发布
09-26
### 回答1： 1. 使用超链接（<a>标签） 在HTML中，可以使用超链接（<a>标签）来实现不同模块的跳转。例如，如果要跳转到另一个HTML页面，可以使用以下代码： ```html <a href="另一个HTML页面的路径">跳转到另一个HTML页面</a> ``` 如果要跳转到同一HTML页面的不同模块，可以在超链接中使用锚点（#）。例如，如果要跳转到页面中ID为“section2”的模块，可以使用以下代码： ```html <a href="#section2">跳转到模块2</a> ``` 在HTML页面中，需要在模块的标签中设置ID属性，以便使用锚点跳转。例如： ```html <div id="section2"> <!-- 这是模块2的内容 --> </div> ``` 2. 使用JavaScript 除了超链接，也可以使用JavaScript来实现不同模块的跳转。例如，可以使用以下代码： ```html <button onclick="location.href='另一个HTML页面的路径'">跳转到另一个HTML页面</button> ``` ```html <button onclick="document.getElementById('section2').scrollIntoView()">跳转到模块2</button> ``` 在JavaScript中，需要使用location.href属性来设置跳转的路径，使用scrollIntoView()方法来让页面滚动到指定的模块。 ### 回答2： 在HTML中，实现不同模块之间的跳转可以使用锚点和超链接来实现。 首先，我们可以引入锚点来标记不同模块。在需要跳转的位置上，可以使用`id`属性来定义锚点，比如： ``` <div id="module1"> <!-- 模块1的内容 --> </div> ``` 可以在需要引用该模块的地方，使用`<a>`标签来创建跳转链接，同时设置`href`属性为锚点所在的位置，比如： ``` <a href="#module1">跳转至模块1</a> ``` 点击该链接后，页面会滚动至`id`为`module1`的位置，实现跳转至模块1。 除了使用锚点，还可以使用超链接来进行模块之间的跳转。使用`<a>`标签创建超链接时，设置`href`属性为目标模块的路径或文件名，比如： ``` <a href="module1.html">跳转至模块1</a> ``` 点击该链接后，页面会跳转至目标路径或文件中的模块1。 综上所述，实现不同模块的跳转可以使用锚点和超链接来实现。锚点适用于同一页面内的跳转，而超链接适用于不同页面或文件之间的跳转。 ### 回答3： 在HTML中，可以通过使用超链接（a标签）实现不同模块之间的跳转。 首先，在需要跳转到的目标模块处设置一个id属性，以便在跳转时能够准确定位到该模块。例如，给目标模块设置id属性值为"target"。 然后，在需要实现跳转的模块中，使用a标签来创建一个超链接。在a标签的href属性中填写"#"加上目标模块的id值，即"#target"。这样，点击该超链接后页面将会跳转到目标模块。 下面是一个例子： ``` <!DOCTYPE html> <html> <head> <title>模块跳转示例</title> </head> <body> <h1>模块1</h1> <p>这是模块1的内容。</p> <a href="#module2">跳转到模块2</a> <h1 id="module2">模块2</h1> <p>这是模块2的内容。</p> <a href="#module1">跳转到模块1</a> </body> </html> ``` 在上面的例子中，模块1和模块2之间相互跳转。点击第一个超链接会跳转到id为"module2"的模块，点击第二个超链接则会跳转回id为"module1"的模块。 通过上述方式，可以在HTML中实现不同模块之间的跳转。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值