首页 / JAVASCRIPT / javaScript知识点总结(必看篇)

javaScript知识点总结(必看篇)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javaScript知识点总结(必看篇)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5630字，纯文字阅读大概需要9分钟。

内容图文

1、javaScript的概念:是一种表述语言，也是一种基于对象(Object)和事件驱动(EventDriven)的，安全性好的脚本语言，运行在客户端，从而减轻服务器端的负担，总结如下：

1.javaScript主要用来向HTML页面找那个添加交互行为。

2.javaScript是一种脚本语言，语法和java类似。

3.javaScript一般用来编写客户端脚本。

4.javaScript是一种解释性语言，边执行边解释。

2、javaScript由核心语法ECMAScript、浏览器对象模型(BOM) 主要用于管理窗口与窗口之间的通讯，因此其核心对象是window、文档对象模型(DOM)三部分组成.

3、网页中引入javaScript三种方式:

1.使用<Script></Script>标签内部样式

2.使用外部js文件

3.直接在HTML标签中的行内样式。

4.javaScript的作用

1.实现页面表单验证

2.实现页面交互特效

5.javaScript的特点

1.被设计用来向Html页面添加交互行为

2.是一种英特网上最流行的脚本语言

3.一般用于编写客户端脚本

4．是一种解释性语言

javaScript知识点总结(必看篇) - 文章图片

6.引入javaScript的方式

1.使用<Script>标签直接嵌入网页

2.使用外部js文件

javaScript知识点总结(必看篇) - 文章图片

Js中String对象常用的方法：

toString(包前不包后),2.toLowerCase();toUpperCase();
charAt(index);返回在指定位置的字符，indexOf(str,index);指定字符串中首次出现的位置;split(str);将字符串分割为字符串数组

在javaScript中条件语句Switch(){}可以接字符串；

alert(“提示信息”)；

var isOk=confirm(“确认框“);//如果确认返回true,否则返回false

prompt();prompt(“提示信息”，“输入框默认信息”);

prompt(“请输入姓名”)

close();

open();

setTimeout();在指定毫秒之后调用某个函数

setInterval();在指定周期毫秒来调用某个函数

window.open();

7.Js语法：

1.区分大小写

2.注意变量，函数等命名规范

3.每行代码以分号结束

Js中的函数：

1.系统函数

ParseInt();转换为整数 45.9a转换为45；a6转换返回为NaN(Not a Number)

isNaN(判断是不是数字)

typeof(var);判断是什么数据类型

eval(“5+2”);计算表达式值

2.自定义函数

Function 函数名(){javaScript代码}

Function 函数名(参数1，参数2){javaScript代码 return 返回值(可选)}

Js中函数的调用:

事件名=“函数名(传递的参数值)“;
函数名(传递的参数值);

匿名函数:

匿名函数的声明：

Var 变量名=function(参数){ 函数体 return 返回值；} ;

调用

变量名(参数)

8.程序调用

1.添加alert();方法 2.使用fireBug();方法

9.BOM概述：(Browser Object Model,浏览器对象模型)

1.window对象的属性

名称	说明
History	有关客户访问过的URL的信息
Location	有关当前URL的信息
Screen	有关客户端的屏幕和显示性能的信息

Weindow对象常用的方法：prompt()confirm();setTimeout();setInterval();

Window对象常用的事件：onload=”” onmouseover=””;onclick

window.parent.location

2.History对象

方法：back() ;forward();go();

3.Location对象提供当前页面的URL

属性：host hostname href

方法:reload() replace();

4.Document对象

属性:referrer属性判断是不是通过超链接访问的，不是返回null

10.javaScript中的对象，

Date对象:

创建date对象发方法var date=new Date(MM DD ,YYYY,hh:mm:ss);

var date=new Date(); date.getDay();

Math对象：

Ceil();对数进行向上取整，ceil(25.5)=26;

Floor();向下取整，floor(25.5)=25;

Math.round(25.5);在原数的加0.5后向下取整

11.Dom概述(文档对象模型)

由CoreDom,XMLDom,HTML Dom组成；

12.创建数组

Js中变量的声明:

Var 数组名称=new Array(size);

先声明再赋值 fruit[0]=””
声明同时赋值 var fruit=new Array(“apple”,”orange”);或 var fruit=new Array[“apple”,”orange”];

读取1.使用for循环读取 2.使用for---in读取

For(var x in fruit){document.write(fruit[x]+”<br/>”)}x为下标

Fruit.sort();//排序 string str=fruit.join(“-”);//添加字符串后连接成一个字符串

下拉列表Select对象：

　　 javaScript知识点总结(必看篇) - 文章图片

13、 style 定位方面的样式

　　left top position z-index

　　鼠标滚动距离：scorllTop:纵向距离

　　　　　　　　　scorllLeft:横向距离

　　鼠标滚动事假：onscorll

Jquery对象与Dom对象的相互转换

jquery对象转换为DOMD对象，jquery提供两种方法将jquery对象转换为DOM对象，即[index]和get(index),

var $txtName=$(“#txtName”);//jquery对象

var txtName=$txtName[0];//Dom对象

alert(txtName.checked);//检测这个checkbox是否被选中

通过get(index)方法得到对应的Dom对象

Var $txtName=$(“#txtName”);//jquery对象

Var txtName=$txtName.get(0);//Dom对象

alert(txtName.checked);//检测这个checkbox是否被选中

Dom对象转换为jQuery对象

Var txtName=document.getElementById(“txtName”);//dom对象

Var $txtName=$(txtName);//

Dom中添加class属性使用obj.className=classname;

添加类容使用obj.innerHtml=<input />

Jquery中添加class属性使用obj.addClaa=classname;

添加类容使用：obj.html=<input/>;

Jqurey中的五大选择器：

基本选择器 (# . 标签)
层次选择器(后代 >子 +相邻 ~同辈)
属性选择器(P[class=name])
过滤选择器(“tr:even”)
可见性选择器(“p:hidden” “p:viside”)

Jquery中的事件：

Obj.bind(“clike”,function(){});

obj.bind({mousever:function(){},{mouserout:function(){}}});

obj.unbind();

obj.hover(function(){},function(){})方法集合onmouseOver和onmouseOut

obj.toggle();

$(“.tipsbox”).show();obj.hide();

$(“img”).fadeIn(1000);

$(“.txt”).slideUp(1000); obj.slideDown(1000);

Obj.toggleClass(“class”);//集成了addClass和romoveClass

$(this).val(“”);//清空文本内容

Var $newNode=$(<”<li>用jquery创建新元素节点</li>”>);

在正则表达式

javaScript知识点总结(必看篇) - 文章图片

JS中常用的一些小技巧：

1.使用!!操作符转换布尔值，对于变量可以使用！！varable做检测，只要变量的值为：0，null , "" , undefind或者NaN都将返回的是false反之的是true

function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}

2.使用+将字符串转换为数字，只适用字符串数据，否则返回NaN

function toNumber(strNum) {
return +strNum;
}

适用于Date()返回时间戳数字：+new Date();

3.在循环很大时候数字的长度先给去出来，var legth = array.legth;

4.if('querySelector' in document) {

document.querySelector("#id");
} else {
document.getElementById("id");
}

5.获取数组中的最后一个元素

var array = [1,2,3,4,5];
array.slice(-1);

6.字符串元素的替换

var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"

以上这篇javaScript知识点总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的javaScript知识点总结(必看篇)全部内容，希望文章能够帮你解决javaScript知识点总结(必看篇)所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/351844.html

来源：【匿名】

【上一篇】javaScript事件学习小结（四）event的公共成员（属性和方法）【下一篇】javascript 怎么调用php方法

更多 ►

【javaScript知识点总结(必看篇)】教程文章相关的互联网学习教程文章

js 一些知识点

1，什么是命名空间，变量污染，变量声明提升？如何检查一段代码执行后是否声明了全局变量？2，隐式转换的种种规则3，关于对象，对象的属性可能有哪些特性(attribute)？什么是原型链？如何检测某一属性是在对象中还是原型链中？如何检测是否是普通对象或空对象？写一个工厂模式？(工厂模式也有很多细节，具体可以参考《javascript模式》一书，不是《javascript设计模式》)4，变量类型检测、特性检测以及异常避免5，setTimeout的特性...

js面试题知识点全解(一作用域和闭包)【代码】

问题：1.说一下对变量提升的理解2.说明this几种不同的使用场景3.如何理解作用域4.实际开发中闭包的应用知识点：js没有块级作用域只有函数和全局作用域，如下代码：if(true){var name=‘killua‘ //把name定义在块里和放在外面是一样的，等同于在外面声明一个变量name，在块内给name赋值}//同等于下面的代码//建议用下面方式写var nameif(true){name=‘killua‘}console.log(name) //打印出来killua//函数和全局作用域var a=100 //定...

javascript 最权威的知识点总结

JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); 去除两头空格: str = str.replace(/^\s*|\s*$/g,"");去除左空格： str = str.replace( /^\s*/, “”);去除右空格： str = str.replace(/(\s*$)/g, "");str为要去除空格的字符串...

【JavaScript】JS知识点复习

1.引入的两种方式：直接在标签里行内js，在body最下端引入。2.变量的5种类型：number,string,boolean,null,undefined以及一种特殊类型:object3.变量命名：不能用数字开头，只能用$ _ 和字母,不能使用关键字保留字，不能使用中文和特殊符号。如果命名重复会覆盖，命名尽量要语义化（命名所做的工作）,使用驼峰命名法.4.种类型转换:Number();parseInt();parseFloat();Boolean();String();5.算数运算符：+ - * / %6.逻辑运算符：&& |...

学习JavaScript你必须掌握的8大知识点！【图】

一、变量>的学习' ref='nofollow'>JavaScript思维导图之<变量>的学习函数基础> ' ref='nofollow'>二、 JavaScript思维导图之<函数基础> 三、JavaScript思维导图之<基本dom操作> 四、JavaScript思维导图之<流程语句>五、数组>' ref='nofollow'>JavaScript思维导图之<数组> 六、 JavaScript思维导图之<运算符> 七、正则表达式>' ref='nofollow'>JavaScript思维导图之<正则表达式>八、JavaScript思维导图之<字符串函数>转载来...

JavaScript一些常见的知识点

JavaScript中this关键词的指向1.如果在对象里面使用：指向这个对象2.在构造函数中使用：指向当前对象（跟上面一个指向）3.普通函数中使用：this指向全局对象（无论在普通函数中嵌套多少层）4.DOM元素绑定事件：this指向绑定事件的元素 localStorage，sessionStorage的区别1.localStorage：没有时间限制的本地储存，除非主动删除数据，否则永远不会过期。无视当前会话，在同一个域中被共享使用2.sessionStorage：针对session的数据...

Javascript易错知识点【代码】

?　JS易错知识点总结：　== 和 === 的区别：==：判断两个变量的值是否相等。　===：判断两个变量的类型和值是否都相等，两个条件同时满足时，表达式为True。　switch中break的作用：　如果一个case后面的语句，没有写break，那么程序会向下执行，而不会退出；例如：当满足条件的case 2下面没有break时，case 3也会执行 1var num = 2;2switch(num){3 case 1:4 alert(‘case 1‘);5 break;6 case 2:7 al...

学习JavaScript你必须掌握的8大知识点！【图】

学习JavaScript你必须掌握的8大知识点！一、JavaScript思维导图之<变量>的学习函数基础> ' ref='nofollow'>二、 JavaScript思维导图之<函数基础> 三、JavaScript思维导图之<基本dom操作>四、JavaScript思维导图之<流程语句>五、JavaScript思维导图之<数组> 六、 JavaScript思维导图之<运算符> 七、JavaScript思维导图之<正则表达式>八、JavaScript思维导图之<字符串函数>原文：https://www.cnblogs.com/aiwuxia/p/9419592.ht...

知识点【JavaScript模块化】【代码】【图】

JavaScript模块化历程JavaScript发展变迁大概是一下几个步骤：工具（浏览器兼容）组件（功能模块）框架（功能模块组织）应用（业务模块组织）但是经过了长长的后天努力过程JavaScript不断被类聚抽象，以更好的组织业务逻辑。从另一个角度而言，他也道出了JavaScript先天就缺乏的一项功能：模块虽然W3C组织对HTML5规范推进以及各大厂对规范的大力支持，但是对于JavaScript本身而言，它的规范依然是薄弱的，它还有以下缺陷：没有标准...

JavaScript易混淆知识点小回顾--数组方法与字符串方法;

数组属性:　　　　arr.length;查看数组的长度　　arr.Pop;删除数组最后一个元素;数组的方法:　　arr.push();添加到数组末端;　　arr.shift();删除数组的第一个元素;　　arr.unshift();在数组最前面添加一个元素;　　arr.jojn();将得到的所有元素转换成字符串;　　arr.reverse();颠倒数组元素的位置;　　　arr.slice(i,j);获取从i到j的数组,不改变原数组;　　　　i为开始截取的索引值，负数代表从末尾算起的索引值，-1为倒数第一个字...

javascript高级程序设计 1 ~ 3 章部分知识点总结

第一章 javascript简介javascript的简介，有关js的一些历史问题。js初期在不同的浏览器存在很大的兼容问题，但是慢慢的大家都在向标准靠拢，兼容问题已经好很多了。我们通常会听到ECMAScript，它跟javascript是什么关系呢？JS = ES + BOM(浏览器对象模型) + DOM(文档对象模型) ES就是对javascript的类型，值，对象，属性，函数以及程序句法和语义，DOM就是ES运行在浏览器环境的时候，浏览器为其提供的扩展以实现更多更具体的功能(w...

ES6--JavaScript扩展知识点（let、const、解构）【代码】

一，ES2015(ES6)新增了两个声明变量的关键字：let、constlet：只在代码块内{}有效，不可重复声明，不会提前初始化1.只在代码块内有效{let a = 1; var b = 2; } console.log(b); console.log(a);//输出a会报错因为let声明只在代码块内有效2.不可重复声明　let a = 1; let a = 2;//报错Uncaught SyntaxError: Identifier ‘a‘ has already been declared3.不会提前初始化console.log(b);//undefinedvar b = 2; console.log(a);/...

JavaScript 语言基础知识点总结【图】

JavaScript 语言基础知识点总结原文：http://www.cnblogs.com/yangjj1216/p/4428710.html