一、获取元素方法

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

JS相关知识点总结的更多相关文章

  1. 前端知识点-JS相关知识点

    1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建 ...

  2. 【干货】JS相关知识点总结

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

  3. JS重要知识点

    这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...

  4. JS重要知识点(转载 学习中。。。)

    这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...

  5. JS 进阶知识点及常考面试题

    将会学习到一些原理相关的知识,不会解释涉及到的知识点的作用及用法,如果大家对于这些内容还不怎么熟悉,推荐先去学习相关的知识点内容再来学习原理知识. 手写 call.apply 及 bind 函数 涉及 ...

  6. js相关(easyUI),触发器,ant,jbpm,hibernate二级缓存ehcache,Javamail,Lucene,jqplot,WebService,regex,struts2,oracle表空间

    *********************************************js相关********************************************* // 在指 ...

  7. js基础系列框架:JS重要知识点(转载)

    这里列出了一些JS重要知识点(不全面,但自己感觉很重要).彻底理解并掌握这些知识点,对于每个想要深入学习JS的朋友应该都是必须的. 讲解还是以示例代码搭配注释的形式,这里做个小目录: JS代码预解析原 ...

  8. http及浏览器相关知识点归纳

    http是应用层协议,采用请求/响应模型 1.浏览器地址栏输入URL地址后发生了什么? 浏览器判断地址是否是合理的URL地址,是否是http协议请求,如果是则进入下一步 浏览器对此URL进行缓存检查: ...

  9. React其它相关知识点

    React其它相关知识点 一,解释一下React Fiber? 简单来说,核心就是在虚拟dom和浏览器的调用栈之间多了一个虚拟调用栈,和虚拟dom一样,这个虚拟调用栈也是在内存中的,这个虚拟调用栈就类 ...

随机推荐

  1. [转]SQL Server 2008- Get table constraints

    本文转自:https://stackoverflow.com/questions/14229277/sql-server-2008-get-table-constraints You should u ...

  2. mac系统终端sudo免输入密码技能get

    1.需要在/etc/sudoers中配置. 这个文件的权限是r/r/n,配置之前需要加写权限. sudo chmod u-w /etc/sudoers 2.打开命令窗口sudo visudo 或者 s ...

  3. MySql通用二进制版本在Linux(Ubuntu)下安装与开启服务

    安装mysql前可能需要其他软件的依赖,请先执行下面命令安装mysql的依赖软件 shell> apt-cache search libaio # search for info shell&g ...

  4. 面向对象(static关键字的特点)

    static关键字的特点 * a:随着类的加载而加载 * b:优先于对象存在 * c:被类的所有对象共享 * 举例:咱们班级的学生应该共用同一个班级编号. * 其实这个特点也是在告诉我们什么时候使用静 ...

  5. 高并发第十二弹:并发容器J.U.C -- Executor组件FutureTask、ForkJoin

    从本章开始就要说 Executor 的东西了.本次讲的是一个很常用的FutureTask,和一个不是那么常用的ForkJoin,我们现在就来介绍吧 引言 大部分时候创建线程的2种方式,一种是直接继承T ...

  6. ASP.NET MVC扩展库

    很多同学都读过这篇文章吧 ASP.NET MVC中你必须知道的13个扩展点,今天给大家介绍一个ASP.NET MVC的扩展库,主要就是针对这些扩展点进行.这个项目的核心是IOC容器,包括Ninject ...

  7. Docker for Windows(二)登录与配置镜像加速器

    一.启动Docker for Windows 通过桌面Docker Desktop启动,右下角出现的白色鲸鱼图标保持稳定时,表示Docker正在正常运行,将鼠标移到图标上会显示"Docker ...

  8. [移动端WEB] 移动端input标签按钮为什么在苹果手机上还有一层白色?

    移动端input标签按钮为什么在苹果手机上还有一层白色? 解决办法:其实蛮简单的,就加一个属性就好了 input { outline:0px ; -webkit-appearance: none; } ...

  9. ios上-webkit-overflow-scrolling与position的bug

    如上图,.fb-box是一个大div,包含着页面上的所有元素,包括所看到的那个弹窗.dialog-img,并且设置了height:100%;-webkit-overflow-scrolling:tou ...

  10. button的OnClickListener的三种实现方法

    onclick事件的定义方法,分为三种,分别为在xml中进行指定方法:在Actitivy中new出一个OnClickListenner():实现OnClickListener接口三种方式. 代码分别如 ...