记录学习的点滴（Js跳转）

最新推荐文章于 2024-03-05 15:17:12 发布

原创最新推荐文章于 2024-03-05 15:17:12 发布 · 267 阅读

CC 4.0 BY-SA版权

文章标签：

17 篇文章

订阅专栏

本文探讨了使用<a>标签通过onclick事件调用JavaScript函数修改表单action属性实现页面跳转的方法。文章分析了不同写法的影响，并提供了解决方案。

<a>标签通过onclick事件修改表单action的值来实现页面跳转，页面居然跳转不了。以前也出现过同样问题，后来也是通过上网查资料解决了。看来是需要总结一下啦！

先上代码：

<pre class="javascript" name="code">	function toLogout() {
		$("#form").attr("action", "clearS.do");
		$("#form").submit();
	}

</pre><p><pre class="html" name="code"><a href="javascript:void(0);"onclick="toLogout();"><span>注销当前登录</span></a>

解析：

1、<a>标签是先执行的onclick事件，然后执行属性href下的动作。

2、【onclick="toLogout();return fase"】这个样子写的话，属性href就不会执行。但是把【return false;】写到js方法体里面，还会执行属性href的动作。

	function toLogout() {
		$("#form").attr("action", "clearS.do");
		$("#form").submit();
		return false;
	}

<a href="javascript:void(0);"onclick="toLogout();"><span>注销当前登录</span></a>

3、<a href="#">点击之后，页面会向上滚到页面最上端，# 默认锚点为 #TOP