当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javaScript知识点总结(必看篇)

javaScript知识点总结(必看篇)

2019年07月30日  | 移动技术网IT编程  | 我要评论

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

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

　　

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

在正则表达式

　　

 

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知识点总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网