一些简单的初学者JS知识点

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>

结果是一样的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值