制限リンククリック後ジャンプ機能実現
2451 ワード
今日テストをします.コードは以下の通りです.
link 1だけが弾窓をクリックした後にジャンプしないことがわかりました.他の2つは无论是否能把"return false"放在拉伯尔上,结果就开始了。http://localhost:8080/项目名/#,在这种情况下的解决方案是function()附上alert()附上return false,如下所示.<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> window.onload = function() { var link = document.getElementsByTagName("a"); for (var i = 0; i < link.length; i++) { link[i].onclick = function() { alert("hello javascript"); return false; } } } </script> </head> <body> <a href="javascript:void(0)">link1</a> <br /> <a href="#" onclick="return false;">link2</a> <br /> <a href="#">link3</a> <br /> </body> </html> このようにラベルには「return false」がなくてもジャンプしません.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
window.onload = function() {
var link = document.getElementsByTagName("a");
for (var i = 0; i < link.length; i++) {
link[i].onclick = function() {
alert("hello javascript");
}
}
}
</script>
</head>
<body>
<a href="javascript:void(0)">link1</a>
<br />
<a href="#" onclick="return false;">link2</a>
<br />
<a href="#">link3</a>
<br />
</body>
</html>link 1だけが弾窓をクリックした後にジャンプしないことがわかりました.他の2つは无论是否能把"return false"放在拉伯尔上,结果就开始了。http://localhost:8080/项目名/#,在这种情况下的解决方案是function()附上alert()附上return false,如下所示.<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> window.onload = function() { var link = document.getElementsByTagName("a"); for (var i = 0; i < link.length; i++) { link[i].onclick = function() { alert("hello javascript"); return false; } } } </script> </head> <body> <a href="javascript:void(0)">link1</a> <br /> <a href="#" onclick="return false;">link2</a> <br /> <a href="#">link3</a> <br /> </body> </html> このようにラベルには「return false」がなくてもジャンプしません.