第一(基本语法)

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. Redis学习笔记--Redis数据过期策略详解==转

    本文对Redis的过期机制简单的讲解一下 讲解之前我们先抛出一个问题,我们知道很多时候服务器经常会用到redis作为缓存,有很多数据都是临时缓存一下,可能用过之后很久都不会再用到了(比如暂存sessi ...

  2. 学习 JS滚轮事件(mousewheel/DOMMouseScroll)

    学习 JS滚轮事件(mousewheel/DOMMouseScroll) 1-1 滚轮事件兼容性的差异   IE,chrome,safari 浏览器都使用 onmousewheel, 只有firefo ...

  3. Android BaseAdapter加载多个不同的Item布局时出现UncaughtException in Thread main java.lang.ArrayIndexOutOfBoundsException: length=15; index=15

    java.lang.ArrayIndexOutOfBoundsException: length=15; index=15 异常出现的场景:在做聊天界面时,需要插入表情,图片,文字,名片,还有几种较为 ...

  4. 在Oracle中执行动态SQL的几种方法

    转载:在Oracle中执行动态SQL的几种方法 以下为内容留存: 在Oracle中执行动态SQL的几种方法 在一般的sql操作中,sql语句基本上都是固定的,如:SELECT t.empno,t.en ...

  5. vba基础知识

    VBA中dim,static和public,private的区别 转载的文章:出自 红袖的博客http://blog.sina.com.cn/19850701xx     1.Public和Priva ...

  6. [开源 .NET 跨平台 Crawler 数据采集 爬虫框架: DotnetSpider] [四] JSON数据解析

    [DotnetSpider 系列目录] 一.初衷与架构设计 二.基本使用 三.配置式爬虫 四.JSON数据解析与配置系统 五.如何做全站采集 场景模拟 接上一篇, JD SKU对应的店铺信息是异步加载 ...

  7. Nagios图像绘制插件PNP4Nagios部署和测试

    注:本篇博客Nagios版本Nagios-3.5.1 1. 概述2. 关于PNP4Nagios3. 部署PNP4Nagios3.1 下载PNP4Nagios3.2 编译安装3.3 目录文件说明4. 配 ...

  8. EF_DataFrist遇到的问题

    正在 Code First 模式下将此上下文与从 EDMX 文件生成的用于 Database First 或 Model First 开发的代码一起使用.这将无法正常工作.若要解决此问题,请不要删除引 ...

  9. OpenDaylight（Oxygen）安装feature出现错误的解决方案

    在使用OpenDaylight控制器时,初次进入karaf命令行下都需要先进行feature的安装 在使用Nitrogen版本(0.7.x)时,组件的安装可以类似 feature:install od ...

  10. linux系统最小化安装后的初始化脚本

    作为运维人员,经常会初始化系统,系统在安装过程中基本都会选择最小化安装,这样安装好的系统里会缺少很多环境. 下面分享一个系统安装后的初始化脚本: #!/bin/bash #系统时最小化安装的,这里要安 ...