第一(基本语法)

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. kubectl常用命令

    command kubectl kubectl 输出格式 显示Pod的更多信息 kubectl get pod <pod-name> -o wide 以yaml格式显示Pod的详细信息 k ...

  2. node中npm安装模块的网络问题

    最近使用node开发时,发现所有的依赖模块都安装不了啦,一直报错如下 rollbackFailedOptional: verb npm-session 5a4a66a1b8d06dc3 后来才发现是由 ...

  3. AI 线性代数

    1.标量.向量.矩阵和张量 1)标量(scalar),一个数,例如自然数和实数. 2)向量(vector),一列有序数.可以看作只有一列的矩阵. 3)矩阵(matrix),二维数组.转置(transp ...

  4. Django 学习 （第五部）

    表设计: from django.db import models # Create your models here. # class Foo(models.Model): # name = mod ...

  5. POJ3714 Raid 分治/K-D Tree

    VJ传送门 简要题意:给出两个大小均为\(N\)的点集\(A,B\),试在\(A\)中选择一个点,在\(B\)中选择一个点,使得它们在所有可能的选择方案中欧几里得距离最小,求出这个距离 下面给出的两种 ...

  6. 练习ng-show和ng-hide的方法

    在程序设计过程,我们需要把某一元素或是或一块进行显示与隐藏. 如你正使用angularjs的话,就可以使用ng-show或者ng-hide来进行控制. var showhideApp = angula ...

  7. PowerDesign 16.0 生成的SQL Server2000 数据库脚本时MS_Description不存在的问题解决

    根据网上查询到的资料,找到了解决方法,原文出自:http://www.cnblogs.com/24tt/p/5047257.html PowerDesign 16.0 生成的Script语句,Sql2 ...

  8. NOIp2018停课刷题记录

    Preface 老叶说了高中停课但是初中不停的消息后我就为争取民主献出一份力量 其实就是和老师申请了下让我们HW的三个人听课结果真停了 那么还是珍惜这次机会好好提升下自己吧不然就\(AFO\)了 Li ...

  9. bitcoin 源码解析 - 交易 Transaction(三) - Script

    bitcoin 源码解析 - 交易 Transaction(三) - Script 之前的章节已经比较粗略的解释了在Transaction体系当中的整体运作原理.接下来的章节会对这个体系进行分解,比较 ...

  10. Flutter - Json序列化

    这个问题,FlutterChina小组已经说明的非常清楚易懂了. 详见https://flutterchina.club/json/