Blogger Information
Blog 37
fans 0
comment 0
visits 20812
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
前端第十二课:javascript基础1-PHP培训九期线上班
渡劫小能手
Original
438 people have browsed it

数组

var arr = ['a','b','c','d'];
不要随便修改下标,长度是最大下标+1

在数组尾部追加一个元素

arr.push('e'); ,返回数组长度

从数组尾部弹出一个元素

arr.pop(); ,返回弹出的元素

在数组头部追加一个元素

arr.unshift('e'); ,返回数组长度

从数组头部弹出一个元素

arr.shift(); ,返回弹出的元素

从数组中间删除元素

arr.splice(1,2); ,从第2个元素开始,删除2个元素

寻找数组中的一个元素

arr.indexOf('a'); ,返回此元素下标,如果查不到返回-1
arr.indexOf('a',2); ,从第3个元素开始往后找

事件

页面跳转

  1. //window.location.href='https://www.baidu.com';
  2. //window.open('https://www.baidu.com');

鼠标事件

  1. <body>
  2. <div><input type="text" id="username" placeholder="请输入用户名" onblur="cc()"></div>
  3. <div><input type="password" id="pwd" placeholder="请输入密码"></div>
  4. <div id="mydiv" onmouseover="aa()" onmouseleave="bb()">鼠标事件</div>
  5. <div>
  6. <select id="province" onchange="dd()">
  7. <option value="1">安徽</option>
  8. <option value="2">北京</option>
  9. <option value="3">山东</option>
  10. <option value="4">浙江</option>
  11. </select>
  12. </div>
  13. <script type="text/javascript">
  14. function dd(){
  15. var val = document.getElementById('province').value;
  16. alert('当前选择的是:'+val);
  17. }
  18. function aa(){
  19. //console.log('鼠标移上来了');
  20. document.getElementById('mydiv').style.color='red';
  21. }
  22. function bb(){
  23. //console.log('鼠标移走了');
  24. document.getElementById('mydiv').style.color='black';
  25. }
  26. function cc(){
  27. var username = document.getElementById('username').value;
  28. if(username==''){
  29. alert('请输入你的用户名');
  30. }
  31. }
  32. function submits(){
  33. var username = document.getElementById('username').value;
  34. var pwd = document.getElementById('pwd').value;
  35. if(username==''){
  36. alert('请输入用户名');
  37. return;
  38. }
  39. if(pwd ==''){
  40. alert('请输入密码');
  41. return;
  42. }
  43. alert('用户名:'+username+' 密码:'+pwd);
  44. }
  45. </script>
  46. </body>
Correcting teacher:西门大官人西门大官人

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!