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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
jQuery soColorPacker 网页拾色器
Jun 22 Javascript
jQuery实现文档树效果
Feb 20 Javascript
form表单序列化详解(推荐)
Aug 15 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 Javascript
Vue如何实现监听组件原生事件
Jul 03 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具体实现代码
2010/10/12 PHP
国外十大最流行的PHP框架排名
2013/07/04 PHP
PHP7匿名类用法分析
2016/09/26 PHP
PHP进程通信基础之信号
2017/02/19 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
2015/08/04 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
Python多进程编程技术实例分析
2014/09/16 Python
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
Pytorch中.new()的作用详解
2020/02/18 Python
python 对xml解析的示例
2021/02/27 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
Viking比利时:购买办公用品
2019/10/30 全球购物
工商管理系学生的自我评价分享
2013/11/29 职场文书
手机银行营销方案
2014/03/14 职场文书
企业宣传口号
2014/06/12 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
工作检讨书范文
2015/01/23 职场文书
2015入党自传格式范文
2015/06/26 职场文书
2015年秋季小学开学标语
2015/07/16 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
2016年主题党日活动总结
2016/04/05 职场文书