javaScript知识点总结(必看篇)


Posted in Javascript onJune 10, 2016

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对象常用的方法:

  1. toString(包前不包后),2.toLowerCase();toUpperCase();
  2. 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中函数的调用:

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

匿名函数:

  1. 匿名函数的声明:

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

  1. 调用

变量名(参数)

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);

  1. 先声明再赋值 fruit[0]=””
  2. 声明同时赋值 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知识点总结(必看篇)javaScript知识点总结(必看篇)javaScript知识点总结(必看篇)

javaScript知识点总结(必看篇) 

13、 style 定位方面的样式

left top  position  z-index

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

 scorllLeft:横向距离

鼠标滚动事假:onscorll

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

  1. 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是否被选中

  1. 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中的五大选择器:

  1. 基本选择器 (#  .  标签)
  2. 层次选择器(后代 >子    +相邻    ~同辈)
  3. 属性选择器(P[class=name])
  4. 过滤选择器(“tr:even”)
  5. 可见性选择器(“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知识点总结(必看篇)javaScript知识点总结(必看篇)javaScript知识点总结(必看篇)

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 相关文章推荐
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
Feb 03 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
JS解决ie6下png透明的方法实例
Aug 02 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
jQuery filter函数使用方法
May 19 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
浅谈javascript基础之客户端事件驱动
Jun 10 #Javascript
用JavaScript获取页面文档内容的实现代码
Jun 10 #Javascript
老生常谈JavaScript数组的用法
Jun 10 #Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 #Javascript
jQuery学习心得总结(必看篇)
Jun 10 #Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 #Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 #Javascript
You might like
浅析php原型模式
2014/11/25 PHP
PHP加密解密实例分析
2015/12/25 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
CI框架附属类用法分析
2018/12/26 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
2014/05/04 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python切片知识解析
2016/03/06 Python
Python进行数据提取的方法总结
2016/08/22 Python
Python3实现获取图片文字里中文的方法分析
2018/12/13 Python
pygame实现贪吃蛇游戏(下)
2019/10/29 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
tensorflow之并行读入数据详解
2020/02/05 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
python如何快速拼接字符串
2020/10/28 Python
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
2013/01/09 HTML / CSS
软件测试专业推荐信
2014/09/18 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
《颐和园》教学反思
2016/02/19 职场文书
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫
python基础之//、/与%的区别详解
2022/06/10 Python