第一(基本语法)

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. slf4j+logback搭建超实用的日志管理模块

    文章转自http://www.2cto.com/kf/201702/536097.html slf4j+logback搭建超实用的日志管理模块(对日志有编号管理):日志功能在服务器端再常见不过了,我们 ...

  2. PAT A1109 Group Photo （25 分）——排序

    Formation is very important when taking a group photo. Given the rules of forming K rows with N peop ...

  3. esp-adf Element PipeLine

    audio_element: 开发基于ADF的程序软件最基本的模块就是audio_element对象.所有的编码.解码.过滤.输入流.输出流实际上都是audio_element.(这个是官方的文件我翻 ...

  4. 查看Orcale数据里的表是否有变化

    由于我们公司一个数据库两个应用在使用,导致一个应用修改了数据库,另一个应用用的缓存而不知道有更新还是原来的结果.原来的处理方式是采用session缓存的方式,用户登出了就清空缓存,这样只需要重新登录一 ...

  5. SkylineGlobe 如何实现二次开发加载KML文件

    示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  6. ORA-14551: 无法在查询中执行 DML 操作

    编写了一个oracle函数,函数体内实现一系列数据库的逻辑处理,涉及到数据的增删等操作,返回NCLOB类型. 然后通过查询方式调用函数: SELECT PKG.MY_FUN('A') FROM DUA ...

  7. 大话设计模式之模板模式 C#

    学无止境,精益求精 十年河东,十年河西,莫欺少年穷 今天一起探讨模板模式,如下: 一.概念 上一篇文章讲了大话设计模式:原型模式,原型模式主要是通过Clone()方法<深浅复制>,创建新的 ...

  8. WebApi 异步请求（HttpClient）

    还是那几句话: 学无止境,精益求精 十年河东,十年河西,莫欺少年穷 学历代表你的过去,能力代表你的现在,学习代表你的将来 废话不多说,直接进入正题: 今天公司总部要求各个分公司把短信接口对接上,所谓的 ...

  9. 一次永久解决cmd窗口汉字显示乱码

    对于编译出的程序,在 cmd 和 power shell 运行时都不能正确显示汉字. 网上查,可以再命令窗口修改: 1.打开CMD.exe命令行窗口 2.通过 chcp命令改变代码页,UTF-8的代码 ...

  10. 一次线上redis实例cpu占用率过高问题优化（转）

    前情提要: 最近接了大数据项目的postgresql运维,刚接过来他们的报表系统就出现高峰期访问不了的问题,报表涉及实时数据和离线数据,离线读pg,实时读redis.然后自然而然就把redis也挪到我 ...