第一(基本语法)

if(condition1){

　　expression1;

}else if(condition2){

　　expression2;

}else{

　　expression3;

}

switch(n){

　　case 1:

　　　　expression1;

　　　　break;

　　case 2:

　　　　expression2;

　　　　break;

　　default:

　　　　expression3;

　　　　break;

}

for(var i=0; i<100; i++){

　　expression;

}

第二(数据类型)

1.布尔(包括true和false)

2.数字(包括小数和整数)

3.字符串

4.数组(创建数组的3种方法)

var arr = new Array(); arr[0] = 'aaa';

var arr = new Array('aaa', 'bbb', 'ccc');

var arr = ['aaa', 'bbb', 'ccc'];

5.对象

var obj = {name1:'value1', 'name2':'value2'};

name1 = obj.name1;

6.null与undefined

undefined代表变量没有赋值

可以通过null设置清空变量的值

第三(错误与异常处理)

try{

　　expression;

}catch(err){

　　alert(err.message);

　　throw 'error info';

}

第四(表单验证)

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>

</html>

　　

第五(BOM对象)

1. 获取window的宽度和高度

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

2. 获取访问者屏幕的宽度和高度

<script>

document.write("可用宽度：" + screen.availWidth);
document.write("可用高度：" + screen.availHeight);

</script>

3. 获取location相关信息

<script>

document.write(location.hostname );

document.write(location.pathname );

document.write(location.port );

document.write(location.protocol );

document.write(location.href);

location.assign(newurl);

</script>

4. 获取history相关信息

history.back()   浏览器回退到上一个url请求

history.forward()  浏览器前进到历史中的下一个url请求

5. 获取浏览器navigator相关信息

<div id="example"></div>

<script>

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";

document.getElementById("example").innerHTML=txt;

</script>

6. window警告框，确认框，提示框

alert(text)

confirm(text)

prompt(text, defaultValue)

7. 计时相关

setTimeOut()       延时执行

clearTimeOut()       取消延时执行

setInterval()        循环执行

clearInterval()         取消循环执行

第六(DOM操作)

第七(对象)

1.基本对象的创建

a. 直接创建并赋值

var obj = new Object();

obj.attribute1 = value1;

obj.attribute2 = value2;

b. 使用函数构造方法创建

function Person(value1, value2){

　　this.attribute1 = value1;

　　this.attribute2 = value2;

}

var person = new Person(value1, value2);

c. 使用json创建

var obj = {attribute1:"value1", attribute2:"value2"};

2.数字对象

toExponential()

toFixed()

toPrecision()

toString()

valueOf()

3.字符串对象

例如：

var str = "aaaaaaa";

alert(str.length);

alert(str.toUpperCase());

4.日期对象

var date = new Date();    自动获取当前日期

var date = new Date(); date.setFullYear(2017, 11, 2);    设置日期

var date = new Date(); date.setDate(date.getDate() + 5);    设置日期为5天后的日期

5.正则表达式对象

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));     输出true

document.write(patt1.exec("The best things in life are free"));     输出e

JavaScript从入门到精通的更多相关文章

  1. JavaScript从入门到精通(转)

    JavaScript从入门到精通 转自: https://github.com/Eished/JavaScript_notes 视频连接:https://www.bilibili.com/video/ ...

  2. Javascript从入门到精通（一）

    第一篇   基础知识 一.JavaScript的主要特点:1.解释性:不同于一些编译性的程序语言(如C.C++等),它是一种解释性的程序语言,它的源代码不需要经过编译,而是直接在浏览器中运行时被解释. ...

  3. javascript从入门到精通（二）

    第二章.数据结构 JavaScript脚本语言的数据结构包括:标识符.关键字.常量.变量等. 标识符:就是一个名称.在JavaScript用来命名变量和函数或者用作JavaScript代码中某些循环的 ...

  4. JavaScript从入门到精通（附光盘1张）:作者:明日科技出版社:清华大学出版社出版时间:2012年09月

    本书介绍 一:本书 pdf 获取信息 本书下载:请申请加入本群 (QQ群:668345923),   并联系群主. 本群主有:本书pdf 全文教材 及附带的 光盘内容 二:本书目录介绍 第1篇  基 ...

  5. 【JavaScript从入门到精通】第四课初探JavaScript魅力-04

    第四课初探JavaScript魅力-04 style与className 之前我们已经讲过,style用于在JS里控制元素的样式,通过style可以选中元素的各种css属性.此外,我们也提到过,JS用 ...

  6. 【JavaScript从入门到精通】第三课 初探JavaScript魅力-03

    第三课 初探JavaScript魅力-03 函数传参 上节课的时候我们已经讲了什么是函数,实际上,函数在功能上就类似于css的class一样,将一段代码包裹起来使用.为了让函数的功能更加的丰富和实用, ...

  7. 【JavaScript从入门到精通】第二课 初探JavaScript魅力-02

    第二课 初探JavaScript魅力-02 变量 说起变量,我们不得不提起我们有一部比较古老的电视剧叫<包青天>.包青天有一把非常厉害的宝剑叫“尚方宝剑”,见到尚方宝剑有如见到皇帝.某种程 ...

  8. 【JavaScript从入门到精通】第一课 初探JavaScript魅力-01

    第一课 初探JavaScript魅力-01 JavaScript是什么 如今我们打开一个大型的网站,都会有很多JS效果的功能和应用.对于学过CSS+HTML的同学,即使是像淘宝那样的网站,用一两天时间 ...

  9. 【JavaScript从入门到精通】第三课

    第三课 初探JavaScript魅力-03 函数传参 上节课的时候我们已经讲了什么是函数,实际上,函数在功能上就类似于css的class一样,将一段代码包裹起来使用.为了让函数的功能更加的丰富和实用, ...

随机推荐

  1. IDEA(jetbrain通用)优雅级使用教程（转）

    文章转自  http://www.jianshu.com/p/3160ff832a9b 前面写过一篇IDEA的入门级文章,但是只学会了那些配置啊什么的并不能提高我们的开发效率.事实上,如果你IDEA用 ...

  2. Java连接Redis之redis的增删改查

    一.新建一个maven工程,工程可以以jar的形式或war都行,然后导入正确的依赖 <project xmlns="http://maven.apache.org/POM/4.0.0& ...

  3. 单例模式和JDBC

    配置文件: driver=com.mysql.jdbc.Driver url=jdbc:mysql://localhost:3306/blog user=root user=1234 properti ...

  4. Linux上安装Oracle的辛酸史

    下个礼拜就要开始学习Oracle了,得嘞先在我的CentOS7上装一个(貌似听说Oracle装在Oracle Linux能得到更好的性能,不过懒得下Oracle Linux镜像,在CentOS7上装个 ...

  5. Html5 标签一（文本）

    1.html编辑器:Sublime Text 2.标签(文本) 一 Sublime Text 作用:html编辑器. 下载地址:http://www.sublimetextcn.com/ 二 文本 总 ...

  6. Android学习之基础知识五—编写聊天界面

    第一步:在app/build.grandle添加RecyclerView依赖库 第二步:在activity_main.xml文件中编写主界面:聊天.发送框.发送按钮三个部分 第三步:编写Message ...

  7. LVDS接口分类，时序，输出格式

    LVDS接口分类,时序,输出格式 2016年01月19日 16:57:35 打个飞机去美国 阅读数:24673 标签: LVDS液晶屏格式时序 更多 个人分类: 硬件基础   1.1.1        ...

  8. Python 学习 第七篇：函数1（定义、调用和变量的作用域）

    函数是把一些语句集合在一起的程序结构,用于把复杂的流程细分成不同的组件,能够减少代码的冗余.代码的复用和修改代码的代价. 函数可以0个.1个或多个参数,向函数传递参数,可以控制函数的流程.函数还可以返 ...

  9. 这里已不再更新，访问新博客请移步 http://www.douruixin.com

    这里已不再更新,访问新博客请移步 http://www.douruixin.com

  10. Linux下部署Samba服务环境的操作记录

    关于Linux和Windows系统之间的文件传输,很多人选择使用FTP,相对较安全,但是有时还是会出现一些问题,比如上传文件时,文件名莫名出现乱码,文件大小改变等问题.相比较来说,使用Samba作为文 ...