JavaScript 笔记(一)

Number

  • 1.2345e3=1.2345*1000

  • NaN//not a num 无法计算结果

  • Infinity //无限大

  • 数组 var arr=[1,2,'hello'] 下标从0开始

对象

var person={ name:'bob', age:20, };

  • 调用时 person.name

字符串

  • 用+可以将多个字符串连接起来
  • 不能对字符串的某个索引赋值 不会出现错误 但是也没有任何效果
  • toUpperCase() 把一个字符串全部变为大写
  • toLowerCase()
  • indexOf(‘string’) 返回字符串出现的位置
  • substring(index1,index2) 取子串

数组

  • 可以直接给数组改长度
  • 可以对数组的元素改变值
  • indexOf(‘string’)
  • slice(index1,index2) 截取部分元素返回一个新Array
  • arr.push('a','b')
  • arr.pop

浏览器对象

  • windows.innerWidth 浏览器内部宽度和高度

  • windows.innerHeight

  • windows.outerWidth 浏览器窗口的整个宽高

  • windows.outerHeight

  • navigator.appName 浏览器名称

  • appVersion浏览器版本

  • userAgent 浏览器设定的字符串

  • screen.width 屏幕宽度

  • screen.height 屏幕高度

  • location.reload() 重新加载页面

  • location.assign('htttp://www.gsgsdgsd.com')设置一个新的url地址

  • document.title ='xxx' 可以改变网页的标题

获取节点

  • document.getElementById()
  • document.getElementByTagName(')
  • document.getElementByClassName();
  • var a = document.getElementByTagName('li')
  • for(i=0;i<a.length;i++){s+=a[i].innerHTML+','};获取内部html
  • var child=a.children 可获取所有直属子节点
  • a.firstElementChild 获取第一个 last 获取最后一个子节点

更新节点

  • innerHTML 更新拿到的节点

  • innerText

  • a.style.fontSize='20px' 更改节点的css

  • new=document.createElement('p');

  • p.id='test'

  • p.innerText='Test' 新建节点

  • a.appendChild(b) 可以向父节点的最后一个节点加上b节点

  • a.insertBefore(newElement,referenceElement)

  • a.children[i] 第i个子节点

删除节点

  • var self=document.getElementById('xx');
  • var parent=self.parentElement;
  • var removed=parent.removeChild(slef);//删除了节点 但是存在了removed中

操作表单

  • 输入文本 口令:password 单选:radio 复选:checkbox 隐藏:hidden 下拉:select
  • 获取值 先获取节点
  • a.value;输入时
  • a.checked; 选择时
原文地址:https://www.cnblogs.com/lancelee98/p/9430586.html