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"
以上这篇javascript知识点总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: json的使用小结