1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8</head> 9<style> 10 .center{ 11 margin-top: 10%; 12 display: flex; 13 justify-content: center; 14 align-items: center; 15 flex-direction: column; 16 } 17 .center .logo{ 18 padding: .625rem; 19 } 20 p{ 21 font-size: 1.5rem; 22 } 23</style> 24<body> 25<div class="center" id="test"> 26 <div class="logo"> 27 <img src="./baidu.png" alt="" width="100%"> 28 29 </div> 30 <p>百度</p> 31</div> 32<script> 33 function test() { 34 var btn=document.querySelector('.center') 35 btn.addEventListener('click',()=>{ 36 window.open('https://www.baidu.com/') 37 }) 38 } 39</script> 40</body> 41</html> 42
