JavaScript是解释型语言,无需编译就可以随时运行,这样哪怕语法有错误,没有语法错误的部分还是能正确运行。
1.JavaScript能做什么?
01, javaScript可以进行表单验证
如果在服务器端进行验证:1,会加重服务器负担2,远程传输带来不必要的网络流量。一般使用javaScript进行客户端验证。
02.使用javascript可以实现交互特效
2.javaScript中数据类型
Boolean(布尔)、Number(数字)、String(字符串)、Undefined(未定义)、Null(空对象)、Object(对象类型)
Undefined类型、Null类型都是只有一个值的数据类型,分别是undefined与null
查看变量的数据类型,使用typeof关键字
例如:typeof(10);//结果为Number,其他变量的类型您可以自己测试。
3.基本类型与引用类型区别(这个我们将在后续课程中讲解)
String也是基本类型,不能为String添加动态属性,而引用类型是可以的。
4.js中null与undefined区别
Undefined表示一个未知状态:
在三种情况下,输出结果为Undefined:
01, 方法没有返回值
02, 变量声明不赋初值也是undefined
03, 另外一种情况就是变量未声明就使用也是undefined
Null表示尚未存在的对象
null是一个有特殊意义的值。可以为变量赋值为null,此时变量的值为“已知状态,不是(undefined)”
Null用来初始化变量,清除变量内容,释放内存。
注意:
Undefined==null;结果为true,但含义不同,因为undefined和null以及0在js中代表的值都是false,所以判定两者相等。
Undefined===null;结果为false,对于“===”先判断类型是否一致,然后判断值是否相等。
如果想在IE中开启脚本调试,可以打开工具→Internet选项→高级,然后将“禁用脚本调试”前的勾去掉确定即可。如下图:
这里顺便提一句:浏览器也有垃圾回收机制。
在js中判断一个变量是否可用的方法:
01, if(typeof(x)!=’undefined’&&x!=null)
02, if(x)
说明:当x声明但是没有赋值,或x为null,或x为0是,都表示不可用,
If(x)返回false;
在确定x已经声明的情况下,推荐使用后一种方法,单如果x有可能没有声明,则只能用typeof判断(否则会报错)
5.变量的作用域
在js中声明变量的时候可以加var,也可以不加。
在声明变量的时候如果加var,则在声明范围内有效
如果不加var,则认为是一个“全局变量”,在整个页面内有效。
6.类型转换
ParseInt()遇到第一个不是数字的字符,就省略之后的内容,将为数字的部分进行转换。
例如:var x1=’34号人’;
Var x2=’1.23’;
Var x3=parseInt(x1)+parseInt(x2);
Alert(x3);//结果为35
判断一个值是否为NaN不能用==或===,必须用函数isNaN(val)
parseFloat(arg)//将指定的字符串,转换成浮点数
Number(arg):把给定的值(任意类型)转换成数字(可以是整数或浮点数);转换的是整个值,而不是 部分值。如果该字符串不能完全转换为整型,则返回NaN。
isNaN(arg)//判断arg是否为一个非数字(NaN),NaN与NaN也不相等。
String(arg)把给定的值(任意类型)转换成字符串。
Boolean(arg):把给定的值(任意类型)转换成Boolean型。
Eval(codeString):将一段字符串的js代码,计算并执行。类似于动态SQL语句。
7.JS调试
使用VS和IE调试JS代码的方法
l JavaScript的调试,使用VS可以很方便的进行JavaScript的调试,调试时需要注意几点:
- 确保当前的默认浏览器为IE浏览器。
- 如果使用的是IE6,确保IE6的调试选项要打开,Internet选项→高级,去掉“禁用脚本调试”前的勾选。
- 设置断点、监视变量等操作和C#一样。
- 以调试方式运行网页。F5
- IE8以后可以使用“开发人员工具”à“脚本调试”,可设断点。
- FireBug(FireFox浏览器的“开发人员工具”,报错比较准确。)、Chrome浏览器也有“开发人员工具”。(大多数浏览器的最新版本都有“开发人员工具”)
- 在高版本浏览器下也可以使用console.log(‘内容’);来输出内容。
8.函数声明
JavaScript中声明函数的方式:(无需声明返回值类型)
例如:
Function add(i1,i2){
Return i1+i2; //如果不写return返回的是undefined
}
注意:在js中,自定义函数名不要和js内置、dom内置方法重名,比如selectAll、focus等函数名不要用。
9.arguments对象
首先我们先看下如下案例:
Function f1(){
Alert(‘first f1’);
}
Function f1(){
Alert(name);
}
F1();
结果输出undefined.
解释:js中方法不存在重载,如果方法重名的话,会以最后一个定义的为准。
本文链接
回到目录
上一篇文章主要说的是JQ中如何去操作HTML标签的样式,今天主要来学习一下JQ几个比较重要的事件,如单击click,双击dblclick,鼠标移入mouseover,移出mouseout,焦点focus,移出焦点blur等等
前言
单击
双击
鼠标移入与移出
焦点与移出焦点
JS中的匿名函数
前言
事件一词,大家应该不会陌生,我认为可以这样定义事件,当某个或某几个操作之后,会引入一个或者几个结果的产生,而这个结果我们叫它事件,即Event,JS世界中的事件与传统高级语言中的事件很类似,如对鼠标的单击,双击,键盘的按下,抬起等等,而在JQ的封装下,我们可以为JQ对象(一般是以$开头的变量,当然$只是JQ的标准写法,你可以自己去重新定义它)很容易的添加事件,格式一般为:
代码书写方法很友好,其中还使用JS中的匿名方法(函数),稍候我会继续介绍匿名方法。
单击
alert("单击事件")
});
双击
alert("双击事件")
});
鼠标移入与移出
$("#msg").mouseout(function(){$(this).removeClass("selected");});焦点与移出焦点
对于JQ事件,我们可以使用连接串的写法,即将多个事件写在一行中,JQ对象只在第一个事件前出现即可,如下代码:
.mouseover(function(){$(this).addClass("selected");})
JS中的匿名函数
JS中的函数(方法)有两种,实名函数与匿名函数,实名函数一般用来干一件独立的事,因为匿名函数一般对在某个实名函数里出现,起到了返回全局变量的作用,如下代码:
var res = function () {//匿名函数
return {
msg: "OK"
};
};
return res;
}
alert((zzl())().msg);
事实上,定义实名函数的第二种,即变量式函数也是使用了一个匿名函数的东西,呵呵,代码如下:
alert(msg);
}
恩,其实所有的东西都是相通的,只要你相信你自己,就一定可以成功!
感谢您的阅读!晚安!
感谢让我找到了写手的感觉,呵呵!谢谢!
回到目录
本文链接
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" href="http://static-gwtheme.idkin.com/themes/v1/styles/base.css" />
<link rel="stylesheet" href="http://static-gwtheme.idkin.com/themes/idu/styles/ad-gallery.css" />
<style>
.parentElm{
position:static;
width:200px;
height:200px;
border:1px solid red;
overflow:hidden;
}
.childrenElm{
position:relative;
width:300px;
height:180px;
border:1px solid black;
background-color:green;
}
</style>
</head>
<body>
<div >
<div >
<ol>
<li>position:static 的父元素 overflow 不能遮盖 position 是 absolute 的子素</li>
<li>position:fixed 的元素不能被父元素的 overflow 遮盖</li>
<li>IE6,7: position:static 的父元素 overflow 不能遮盖 position 不是 static 的子元素</li>
</ol>
</div>
</div>
<script>
var links = document.getElementsByTagName("link");
var sheets = document.styleSheets;
var cssCollection = {};
var styleCount=0;
var tempUrl,temCss;
for(var i=0