代码部分:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<span>今天学习a标签</span>
</br>
<a href="#">跳转到顶部</a>
</br>
<a href="javascript:void(0)">点击不刷新页面,也不跳转页面,就是一个空函数</a>
</br>
<a href="http://www.baidu.com">绝对地址点击跳转页面</a>
</br>
<a href="../html/table.html">相对地址打开本地的html文件</a>
</br>
<a href="javascript:sun()">我是a标签调用js方法</a>
</br>
<a href="javascript:void(0)" onclick="sun()">我是a1标签调用js方法</a>
</br>
<a id='fun'>我是a2标签调用js方法</a>
</br>
<!--
1、target='_blank' 浏览器总是打开一个新的网页
2、target='_self' 它使得目标文档载入并显示在相同的框架或者窗口中
3、target='_parent' 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效
4、target='_top' 如果有多层父框架,直接去掉所有父框架,并刷新页面
-->
<!-- a标签传递参数 -->
<a href="https://192.168.208.131:9000?name=huitao&password=12334" target="_black">给服务器传递参数</a>
</br>
<script>
function sun(){
var a=10;
var b=10;
alert(a+b);
}
var fun=document.getElementById("fun");
fun.onclick=function(){
var a=10;
var b=10;
alert(a+b);
}
</script>
</body>
</html>
效果测试: