1.鼠标点击事件-onlcick 当你想通过鼠标点击页面上某个元素而产生效果时,onclick可以帮你达到,比如<button type="button" οnclick="alert('欢迎!')">点我!</button> 这时你点击button按钮就可以看到页面上弹出(欢迎)!当然 你也可以在script中写个函数调用事件比如
<script>
var app=document.getElementById("up1")
app.οnclick=function (){
console.log('hello');
this.style.background="red"
}
</script>
2.直接输入流-document.write,你可以通过这个函数直接在文档写入HTML表达式或JavaScript代码值得注意的是,你如果在页面加载后调用这个函数,那整个页面将会覆盖掉
3.学会使用console.log()来查看代码运行是否达到要求,比如在第一个例子中,在函数中添加了个console.log('hello'),意思是在鼠标点击事件后,控制台会输出‘hello’,如果控制台没有输出,则意味着函数出现了问题,在代码多的情况下,可以通过这个方式来检查程序的运行问题。
4.当事件发生改变时-onchange,该事件描述的是当HTML 元素已被改变后可以做什么比如
<script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
<body>
输入你的名字: <input type="text" id="fname" οnchange="myFunction()">
<p>当你离开输入框后,将小写字母转为大写字母。</p>
</body>
5.键盘点击事件-onkeyup,作用于松开键盘的按键比如
<script>
οnkeyup=function(){
alert('hello')
}
</script>
这样在你松开鼠标时就会弹出hello了
6.innerHTML和innerText的区别在于innerText去除html标签,同时空格和换行也会去掉,innerText是非标准,而innerHTML是W3C标准,所以大部分时候都是使用innerHTML。但两者都可以获取元素内容。比如
<div >123 </div>
<script>
var div=document.querySelector('div')
console.log(div.innerHTML)
console.log(div.innerText)
</script>
结果是一样的