javascript你需要懂点

下面小编就为大家带来一篇javaScript知识点总结(必看篇)。小编觉得挺不错的

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．是一种解释性语言

6.引入javaScript的方式

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

  2.使用外部js文件

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对象：

　　

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

在正则表达式

　　

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"

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,530评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 86,403评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,120评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,770评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,758评论 5赞 367
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,649评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,021评论 3赞 398
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,675评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,931评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1赞 330
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,410评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,004评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2赞 350
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2赞 343

推荐阅读更多精彩内容

  • JavaScript程序
    第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行（line），也就是一...
    悟名先生阅读 4,114评论 0赞 13
  • JavaScript编码规范【转载】
    原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 3,370评论 2赞 36
  • javascript
    @转自GitHub 介绍js的基本数据类型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou阅读 1,140评论 0赞 0
  • 雪
    恋雪·情 天冷了， 天空中， 慢慢飘下片片洁白的小雪花， 伸开手去触摸它 它很淘气 躲闪开了 悄悄的亲下我的脸庞 ...
    恰是你的微柔阅读 158评论 0赞 0