HTML <a>标签超链接

X-Dragon烟雨任平生

于 2018-10-30 09:51:05 发布

阅读量700

点赞数

分类专栏：前端语言文章标签：前端 HTML

本文链接：https://blog.csdn.net/xielong0509/article/details/83537154

版权

前端语言专栏收录该内容

3 篇文章 0 订阅

订阅专栏

dept.html页面源代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js">
	
</script>
<script type="text/javascript">
	$(function() {
		var str = "";
		$.ajax({
			url : "http://localhost:8888/dept",
			dataType : "json",
			type : "get",
			success : function(result) {
				for (var i= 0; i < result.length; i++) {
					 str +="<tr><td>"+result[i].dno+"</td><td>"+result[i].dname+"</td><td>"+result[i].dcity+"</td><td><a href='' onclick='del("+result[i].dno+")'>删除</a></td></tr>"; 
				//<a href=''>A标签 href可以变成超链接，蓝灰色，点击不跳转页面
				//<a href='javaScript:;'>A标签 href可以变成超链接蓝色，点击跳转页面	 
				}
				$('#dept_table').append(str);
			},
			error : function() {
				alert("数据加载失败，AJAX跨域问题");
			}
		})
	})
	
	function del(dno){
		alert(dno);
	}
</script>

</head>
<body>
	<h1>部门管理</h1>
	<table id="dept_table">
	</table>
</body>
</html>