中软大前端0330-JavaScipt

发表于 2018-03-30 | 分类于中软

1.
标签常用属性
- defer:js文件被预加载后等浏览器加载完成后执行（外部js文件）
- async:异步设置，同时加载js和html
输出
- window.alert()弹出警告框
- document.write()将内容写到HTML文档中
- innerHTML:输出到HTML元素中
- console.log()：输出到控制台，调试JS代码
typeOf()：获取变量的数据类型，以字符串形式返回。只能识别5种基础数据类型和对象类型（object）

数据类型
基础数据类型
- undefined类型
  未定义的类型，只声明，未赋值。（缺少值）
- null类型
  null数值类型，在与number类型数据做运算时，null转换成数值0
- boolean类型
  其他数据类型转换成boolean类型
  var boo=Boolean(其他数据类型)
  String =””; ——false
  number = 0; ——false
  非null ——true
  null ——false
- number类型
  16位数
  转换-内置函数
  parseInt(“字符”,进制数);
  paserFloat(“字符”,进制数)
  默认为十进制
String类型
var="字符串类型"或var='字符串类型'

方法：
- .length 长度
- indexOf() 字符搜索，指定从哪个下标开始，返回被搜索字符的下标值（没有找到时返回-1）
  转移字符：
  \n
对象类型
JS中的对象体现在一个类中，定义好的一个类中

内置对象（例：Array数组[]）
数组：
var 数组名=new Array(size);
数组的容量能自动扩充

三种创建方式
var arr1=new Array();

var arr2=new Array(5);
表示数组容量为5
var arr3=new Array(“num1”,”num2”,”num3”);
表示数组容量为3，数组值分别为num1,num2,num3

var fruit=new Array(“apple”,”banana”,”peach”);

通过下标访问元素，arr3[2];

属性方法
属性：.length

方法：sort()排序，根据ASCII码排序，无法实现数字从大到小排序

Window对象，加载整个页面head—>body

自定义对象(object)
比较运算符
== 左右类型不一致时，会先转换成相同类型，再进行比较。

=== 左右类型不一致时，直接false

事件
onload()页面完成加载时
onfocus()获得焦点时
onmousedown()按下鼠标时，状态持续到鼠标松开
onmouseup()当鼠标松开时

onclick()单击事件
onfocus() 输入框获取焦点
onblur() 失去焦点

方法
.toUpperCase() 小写转大写

表单验证
表单提交的目标对象，提交方式
action：
method：get/post(get在地址栏显示参数，post不显示参数)
onsubmit事件：表单是否提交；return true–>可以提交；return false–>阻止提交