用的是vs code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>跳转</title>
</head>
<body>
<center><h1>测试</h1></center>
<hr>
<input name="测试的空间" type="button" id="Kong" title="空间" value="测试的空间" />
<script>
window.onload = function(){
document.getElementById('Kong').addEventListener('click',goToKongJian)
}
function goToKongJian(){
console.log('前往空间!')
window.open('http://www.7k7k.com')
}
</script>
<input name="测试的主题" type="button" id="Ti" title="主题" value="测试的主题" />
<script>
window.onload = function(){
document.getElementById('Ti').addEventListener('click',goToZuTi)
}
function goToZuTi(){
console.log('前往主题!')
window.open('http://www.baidu.com')
}
</script>
<input name="测试的主页" type="button" id="btn4" title="主页" value="测试的主页" />
<script>
window.onload = function(){
document.getElementById('btn4').addEventListener('click',goToZuYe)
}
function goToZuYe(){
console.log('前往主页!')
window.open('http://www.4399.com')
}
</script>
</body>
</html>
window.onload 事件重复赋值会覆盖之前的设置。
可以把3个window.onload事件函数中的代码合在一起。
也可以改用 addEventListener() 绑定load事件