当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

html的a标签的 href 和 onclick。

教程管理员 发布于2023-09-30 14:21 HTML教程 142

简介: 主要用于给超链接添加点击事件。     aa.html this si     bb.html 点击后页面不会跳转 点击后页面会跳转 点击后页面会跳转 点击后页面不会跳转 你如果选择href="javascri...

主要用于给超链接添加点击事件。

 

 

aa.html

<html>
<body>
<span>this  si</span>

</body>

</html>

 

 

bb.html

<html>
<body>
<a href="aa.html" onclick="return test()">点击后页面不会跳转</a>
<a href="aa.html" onclick="test()">点击后页面会跳转</a>

<a href="javascript:test_return()" >点击后页面会跳转</a>
<a href="javascript:test_no_return()" >点击后页面不会跳转</a>


<h5>
你如果选择href="javascript:test()"这种写法就不要在test方法中返回值了,
你如果选择onclick="test()",正确的写法应该是onclick = "return test();",然后在test方法中返回false</h5>

<script type="text/javascript">
function test()
{
//return false;
alert("aaa");
return false;
}

function test_return()
{
alert("aaa");
return false;
}

function test_no_return()
{
alert("aaa");

}

</script>
</body>

</html>

 


琼ICP备09004296号-12