web页面通过button按钮跳转页面——20181130

有两种方式:

1、在样式中直接添加

<!DOCTYPE html>
<html >
<head>
</head>
 
<body>
	<input id="dataUploadBt3" type="button" value="缺失数据入口" onclick="location='https://www.baidu.com'">
</body>
</html>

2、绑定事件

注意要包含jQuery.min.js包,不然会报$错误。

<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
 
<body>
    <input id="dataUploadBt3" type="button" value="缺失数据入口">
    <script>
    $(function(){
	  $("#dataUploadBt3").click(function(){
		  window.open("https://www.baidu.com");
	   });
	});
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/sunshine102548/article/details/84644238