1. 程式人生 > >HTML 標籤超連結

HTML 標籤超連結

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>