函数：预先定义好的，可以被反复利用的代码块
function fn(){fn 表示函数名
代码
console.log('hello js');
例：<body>
<button onclick="myFunction(4,8)">点击</button>
<script>
function myFunction(a,b){
alert('hello js');
}
带参数的函数
function myFunction(a,b){
alert(a*b);
}
外链接
var bth=document.getElementById('btn');
bth.onclick=function(){
alert('点击');
}
</script>
</body>
练习：
<style type="text/css">
div{
width:200px;
height:200px;
background:green;
}
</style>
<body>
<button id="btnn">按钮</button>
<button id="btnn">显示</button>
<div></div>
</body>
<script>
第一种方法
var a=document.getElementById('btn');
a.onclick=function(){
var b=document.querySelector('div');
b.style.display='none';
var a=document.getElementById('btn');
a.onclick=function(){
var b=document.querySelector('div');
b.style.display='block';
}
}
第二种方法
var btn=document.querySelector('#btnn');
var div=document.querySelector('div');
var num=1;
btn.onclick=function(){
if(num==1){
div.style.display='none';
num=0;
}else{
div.style.display='block';
num=1;
}
}
</script>
网友评论