zoukankan      html  css  js  c++  java
  • JS相关知识点总结

    一、获取元素方法

    1、document.getElementById("元素id号");

    可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量。如下:

    上面的语句,如果把javascript写在元素的上面,就会出错,因为页面是从上往下加载执行的,javascript去页面上获取元素div1的时候,元素div1还没有加载,解决方法有两种

    2、document.getElementsByTagName()获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的dom元素

     

    二、操作元素属性

    1、获取页面的元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。

    操作属性的方法:a、"."操作   b、"[ ]"操作

    属性的写法如下:

    a、html的属性和js里面的属性写法一样

    b、class属性写成"className"

    c、"style"属性里面的属性,有横杠的写成驼峰式。比如:"font-size"改成"style.fontSize"

    举例说明:通过"."操作属性

    b、class属性写成"className"

    c、"style"属性里面的属性,有横杠的写成驼峰式。比如:"font-size"改成"style.fontSize"

     举例说明:通过"[ ]"操作属性

    innerHTML 可以读取或者写入标签包裹的内容

    三、JS函数

    函数就是重复执行的代码片

    1、函数定义与执行

    2、变量与函数预解析

    JavaScript解析过程分为两个阶段,先是编译阶段,然后是执行阶段,在编译阶段会将function定义的函数提前,并且将var定义的变量声明提前,将它赋值为undefined.

    3、提取行间事件

    在html行间调用的事件可以提取到javascript中调用,从而做到结构与行为分离。

     4、匿名函数

    定义的函数不给名称,这个叫匿名函数,可以将匿名函数直接赋值给元素绑定的事件来完成匿名函数的调用。

    5、函数传参

    6、函数'return'关键字

    函数中'return'关键字的作用:

    a、返回函数执行的结果

    b、结束函数的运行

    c、阻止默认行为

    七:条件语句

    通过条件语句来控制程序的走向,就需要用到条件语句

    运算符:

    1、算术运算符:+(加)、-(减)、*(乘)、/(除)、%(求余)

    2、赋值运算符:=、+=、-=、*=、/=、%=

    3、条件运算符:==、===、>、>=、<、<=、!=、||(或)、!(否)、&&(而且)

    if else

    switch(对于多重条件的话,使用switch,因为switch性能更高)

    八、数组及操作方法

    数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。

    定义数组的方法

    1、对象的实例化创建:var  aList = new Array(1,2,3);

    2、直接量创建:var aList2 = [1,2,3,'abc'];

    操作数组中的数据的方法

    1、获取数组的长度:aList.length;

    2、用下标操作数组的某个数据:aList[0];

    3、join()将数组成员通过一个分隔符合并成字符串

    4、push()和pop()从数组最后增加成员或删除成员

    5、unshift()和shift()从数组前面增加成员或删除成员

    6、reverse()将数组反转

    7、indexOf()返回数组中元素第一次出现的索引值(查找数组中第一次出现该值所在的索引号)

    8、splice()数组中增加或删除成员 splice(m,n,a,b,c,d)从第m个元素开始,删除n个元素,然后在此位置增加'a,b,c,d'四个元素

    多维数组

     多维数组指的是数组的成员也是数组的数组

    数组去重

     九、循环语句

    程序中进行有规律的重复性操作,需要用到循环语句。

    for循环

    while循环(不常用)

     十、Javascript组成

    1、ECMAscript javascript的语法(变量、函数、循环语句等语法)。

    2、DOM文档对象模型,操作html和css的方法。

    3、BOM浏览器对象模型,操作浏览器的一些方法。

    十一、字符串处理方法

    1、字符串合并操作:"+"

    2、parseInt()将数字字符串转换为整数

    3、parseFloat()将数字字符串转换为小数

    4、split()把一个字符串分隔成里面的某个字符串组成的数组

    5、charAt(索引值)获取字符串中的某一个字符

    可以用来检验是否为id选择器

     

    6、indexOf()查找字符串中是否含有某字符,找到就输出字符串出现的位置,找不到输出-1

     

    7、substring()截取字符串用法:substring(start,end)(不包括end)

    如:获取地址栏中的id号

    8、toUpperCase()字符串转大写

    9、toLowerCase()字符串转小写

    用最快的方法把一个字符串反转

    首先把该字符串转换为数组,然后对数组进行反转,最后把数组通过分隔符连接起来

    十二、 调试程序的方法

    1、alert

    2、console.log();

    3、document.title

    十三、类型转换

    1、parseInt和parseFloat

     

    2、隐式转换"=="和"-"

    3、NaN和isNaN

  • 相关阅读:
    H5性能分析及前端性能监控:window.performance
    APP自适应的例子
    JS和CSS关于大小写的区分
    滚动条相关整理
    文本域的高度自适应
    导入谷歌地图(参考其他文献,个人整理)
    SmartNIC Architectures: A Shift to Accelerators and Why FPGAs are Poised to Dominate
    行业巨变!英特尔正式发布IPU芯片Mount Evans
    How to Design SmartNICs Using FPGAs to Increase Server Compute Capacity
    新一代SmartNIC融合了定制ASIC、Arm CPU和FPGA元素
  • 原文地址:https://www.cnblogs.com/qijunjun/p/7172072.html
Copyright © 2011-2022 走看看