第一(基本语法)

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. ubuntu　用remastersys 备份系统并且安装

    sudo add-apt-repository ppa:mutse-young/remastersys 2．更新系统软件源 sudo apt-get update 3．更新完了,先安装remaster ...

  2. linxu自定义安装及网络配置

    1.VMware及Centos6下载 链接:https://pan.baidu.com/s/1XMgBXA13e2zovijhcyciIA   提取码:5sqg 2.安装VMware:略 3.安装虚拟 ...

  3. java 面向对象内部类

    1.内部类概念:将一个类定义在另一个类的内部,该类就称为内部类 类中定义的内部类特点1) 内部类作为外部类的成员,可以直接访问外部类的成员(包括 private 成员),反之则不行.2) 内部类做为外 ...

  4. SpringMVC异常处理方式

    一.描述 在J2EE项目的开发中,不管是对底层的数据库操作过程,还是业务层的处理过程,还是控制层的处理过程,都不可避免会遇到各种可预知的.不可预知的异常需要处理.每个过程都单独处理异常,系统的代码耦合 ...

  5. Spark笔记-DataSet，DataFrame

    DataSet:面向对象的,从JVM进行构建,或从其它格式进行转化 DataFrame:面向SQL查询,从多种数据源进行构建,或从其它格式进行转化 RDD DataSet DataFrame互转 1. ...

  6. POJ3301 Texas Trip 计算几何、随机化贪心

    传送门--Vjudge 三分写法似乎有问题,可以去Udebug上看Morass的\(666\)个测试点的数据,我的乱搞有很多比正解答案小,但还是能在SPOJ和POJ过,可见数据之水. 可以对正方形的角 ...

  7. LOJ6089 小Y的背包计数问题 背包、根号分治

    题目传送门 题意:给出$N$表示背包容量,且会给出$N$种物品,第$i$个物品大小为$i$,数量也为$i$,求装满这个背包的方案数,对$23333333$取模.$N \leq 10^5$ $23333 ...

  8. 阿里云telnet 3306端口失败

    在阿里云的服务器上安装了MySQL, 然后远程访问总是不通. 查询了很久,排查思路如下: 检查mysql是否启动 检查本机3306端口是否处于监听状态 检查阿里云控制台是否开启了安全限制 检查mysq ...

  9. Auto-ML之自动化特征工程

    1. 引言 个人以为,机器学习是朝着更高的易用性.更低的技术门槛.更敏捷的开发成本的方向去发展,且Auto-ML或者Auto-DL的发展无疑是最好的证明.因此花费一些时间学习了解了Auto-ML领域的 ...

  10. vue-cli 3.0 axios 跨域请求代理配置及生产环境 baseUrl 配置

    1. 开发环境跨域配置 在 vue.config.js 文件中: module.exports = { runtimeCompiler: true, publicPath: '/', // 设置打包文 ...