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 相关文章推荐
JS 强制设为首页的代码
Jan 31 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
微信小程序wxs实现吸顶效果
Jan 08 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
浅谈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
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
php图片裁剪函数
2018/10/31 PHP
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
2010/05/13 Javascript
13 个JavaScript 性能提升技巧分享
2012/07/26 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
2012/10/11 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
2017/12/26 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
2018/03/15 Javascript
简单了解什么是神经网络
2017/12/23 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
如何查看python关键字
2021/01/17 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
英国定做窗帘和纺织品面料一站式商店:Dekoria
2018/08/29 全球购物
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
木工主管岗位职责
2013/12/08 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
兵马俑导游词
2015/02/02 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
2016年学校招生广告语
2016/01/28 职场文书