- 浏览: 477738 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
JavaScript 简介
JavaScript 是属于网络的脚本语言!
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器(浏览器带有JavaScript解析执行器(JavaScript引擎))执行。
JavaScript是顺序执行的确
JavaScript 使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
外部的 JavaScript
外部 JavaScript 文件的文件扩展名是 .js。
实例:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
例子:
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
写到文档输出
<script>
document.write("<p>My First JavaScript</p>");
</script>
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
JavaScript 语句
分号用于分隔 JavaScript 语句。
document.getElementById("demo").innerHTML="Hello World";
JavaScript 代码
JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
JavaScript 代码块
块的作用是使语句序列一起执行。
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}
JavaScript 对大小写敏感。
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var name="Hello";
var name = "Hello";
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。
document.write("Hello \
World!");
不过,您不能像这样折行:
document.write \
("Hello World!");
JavaScript 注释
单行注释以 // 开头。
多行注释以 /* 开始,以 */ 结尾。
在行末使用注释
var x=5; // 声明 x 并把 5 赋值给它
JavaScript 变量
var x=2;
JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
变量可以放任何数据类型
声明(创建) JavaScript 变量
var carname;
变量声明之后,该变量是空的(它没有值)(carname="Volvo";)。
也可以在声明变量时对其赋值。(var carname="Volvo";)
未使用值来声明的变量,其值实际上是 undefined
一条语句,多个变量
var name="Gates", age=56, job="CEO";
声明也可横跨多行:
var name="Gates",
age=56,
job="CEO";
重新声明 JavaScript 变量
以下两条语句执行后,变量 carname 的值依然是 "Volvo":
var carname="Volvo";
var carname;
JavaScript 数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
JavaScript 布尔
var x=true
var y=false
JavaScript 数组
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者
var cars=new Array("Audi","BMW","Volvo");
或者
var cars=["Audi","BMW","Volvo"];
JavaScript 对象(与JSON相似,得JSON的KEY是要用双引号围着的)
var person={firstname:"Bill", lastname:"Gates", id:5566};
空格和折行无关紧要。声明可横跨多行:
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式:
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
JavaScript 对象
对象是拥有属性和方法的数据
访问对象属性的语法是:
objectName.propertyName
访问对象的方法的调用方法:
objectName.methodName()
实例:
var message="Hello world!";
var x=message.toUpperCase();
JavaScript 函数
JavaScript 函数语法
function functionname()
{
这里是要执行的代码
}
声明带参数的函数
function myFunction(var1,var2)
{
这里是要执行的代码
}
实例
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
带有返回值的函数
通过使用 return 语句就可以实现。
function myFunction()
{
var x=5;
return x;
}
局部 JavaScript 变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它
全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量(就是没有var在前面),该变量将被自动作为全局变量声明。(即使它在函数内执行)
carname="Volvo";
JavaScript 运算符(与C语一样)
JavaScript 比较和逻辑运算符
比较运算符
== 等于 x==8 为 false
=== 全等(值和类型) x===5 为 true;x==="5" 为 false
!= 不等于 x!=8 为 true
> 大于 x>8 为 false
< 小于 x<8 为 true
>= 大于或等于 x>=8 为 false
<= 小于或等于 x<=8 为 true
逻辑运算符(与C语一样)
&& and (x < 10 && y > 1) 为 true
|| or (x==5 || y==5) 为 false
! not
JavaScript If...Else 语句(与C语一样)
JavaScript Switch 语句(与C语一样)
[b]JavaScript While 循环(与C语一样)
JavaScript Break 和 Continue 语句(与C语一样)[/b]
JavaScript For 循环
For 循环(与C语一样)
For/In 循环
JavaScript for/in 语句循环遍历对象的属性:
实例:
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
输出:
txt = BillGates56;
JavaScript 标签
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
list2:
document.write(cars[3] + "<br>");
</script>
JavaScript 错误 - Throw、Try 和 Catch
JavaScript 测试和捕捉
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}
Throw 语句
语法
throw exception
实例:
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script>
参考原文:http://www.w3school.com.cn/js
JavaScript 是属于网络的脚本语言!
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器(浏览器带有JavaScript解析执行器(JavaScript引擎))执行。
JavaScript是顺序执行的确
JavaScript 使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
外部的 JavaScript
外部 JavaScript 文件的文件扩展名是 .js。
实例:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
例子:
<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
写到文档输出
<script>
document.write("<p>My First JavaScript</p>");
</script>
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
JavaScript 语句
分号用于分隔 JavaScript 语句。
document.getElementById("demo").innerHTML="Hello World";
JavaScript 代码
JavaScript 代码(或者只有 JavaScript)是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
JavaScript 代码块
块的作用是使语句序列一起执行。
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}
JavaScript 对大小写敏感。
空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var name="Hello";
var name = "Hello";
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。
document.write("Hello \
World!");
不过,您不能像这样折行:
document.write \
("Hello World!");
JavaScript 注释
单行注释以 // 开头。
多行注释以 /* 开始,以 */ 结尾。
在行末使用注释
var x=5; // 声明 x 并把 5 赋值给它
JavaScript 变量
var x=2;
JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)
变量必须以字母开头
变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
变量名称对大小写敏感(y 和 Y 是不同的变量)
变量可以放任何数据类型
声明(创建) JavaScript 变量
var carname;
变量声明之后,该变量是空的(它没有值)(carname="Volvo";)。
也可以在声明变量时对其赋值。(var carname="Volvo";)
未使用值来声明的变量,其值实际上是 undefined
一条语句,多个变量
var name="Gates", age=56, job="CEO";
声明也可横跨多行:
var name="Gates",
age=56,
job="CEO";
重新声明 JavaScript 变量
以下两条语句执行后,变量 carname 的值依然是 "Volvo":
var carname="Volvo";
var carname;
JavaScript 数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
JavaScript 布尔
var x=true
var y=false
JavaScript 数组
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者
var cars=new Array("Audi","BMW","Volvo");
或者
var cars=["Audi","BMW","Volvo"];
JavaScript 对象(与JSON相似,得JSON的KEY是要用双引号围着的)
var person={firstname:"Bill", lastname:"Gates", id:5566};
空格和折行无关紧要。声明可横跨多行:
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式:
name=person.lastname;
name=person["lastname"];
Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
JavaScript 对象
对象是拥有属性和方法的数据
访问对象属性的语法是:
objectName.propertyName
访问对象的方法的调用方法:
objectName.methodName()
实例:
var message="Hello world!";
var x=message.toUpperCase();
JavaScript 函数
JavaScript 函数语法
function functionname()
{
这里是要执行的代码
}
声明带参数的函数
function myFunction(var1,var2)
{
这里是要执行的代码
}
实例
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
带有返回值的函数
通过使用 return 语句就可以实现。
function myFunction()
{
var x=5;
return x;
}
局部 JavaScript 变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它
全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量(就是没有var在前面),该变量将被自动作为全局变量声明。(即使它在函数内执行)
carname="Volvo";
JavaScript 运算符(与C语一样)
JavaScript 比较和逻辑运算符
比较运算符
== 等于 x==8 为 false
=== 全等(值和类型) x===5 为 true;x==="5" 为 false
!= 不等于 x!=8 为 true
> 大于 x>8 为 false
< 小于 x<8 为 true
>= 大于或等于 x>=8 为 false
<= 小于或等于 x<=8 为 true
逻辑运算符(与C语一样)
&& and (x < 10 && y > 1) 为 true
|| or (x==5 || y==5) 为 false
! not
JavaScript If...Else 语句(与C语一样)
JavaScript Switch 语句(与C语一样)
[b]JavaScript While 循环(与C语一样)
JavaScript Break 和 Continue 语句(与C语一样)[/b]
JavaScript For 循环
For 循环(与C语一样)
For/In 循环
JavaScript for/in 语句循环遍历对象的属性:
实例:
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
输出:
txt = BillGates56;
JavaScript 标签
<script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");
}
list2:
document.write(cars[3] + "<br>");
</script>
JavaScript 错误 - Throw、Try 和 Catch
JavaScript 测试和捕捉
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}
Throw 语句
语法
throw exception
实例:
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script>
参考原文:http://www.w3school.com.cn/js
发表评论
-
定时调用函数功能实现
2021-06-11 10:26 1071<html> <head> & ... -
uniApiJs
2021-06-08 18:04 0//获取当前的地理位置、速度 function getLoca ... -
百度人脸识别
2021-05-21 16:11 330package com.gaojinsoft.htwy.y20 ... -
点击DIV触发上传文件的方法
2021-05-20 14:11 1114<div Style="float:left ... -
前端格式化工具与检测工具选择与使用
2021-05-10 20:26 656//工具安装前的准备与 ... -
indexedDb TEST
2021-03-24 08:36 470<!DOCTYPE html> <html& ... -
defineProperty Array push 监听
2020-10-31 15:16 431<!DOCTYPE html> <html ... -
weuiJsLayer.js
2020-07-24 09:56 235var weuiJsAlterMap = {}; f ... -
dataViewCommonJs
2020-05-09 17:00 327// var _elementIdToDataMap={} ... -
editorconfig配置
2020-03-28 20:36 416# https://editorconfig.org root ... -
commonJs
2020-03-26 21:25 337//本包使用需要先引入jquery //获取数组中的重复元素 ... -
setFormData
2019-12-20 22:30 0function setFormData(selector,d ... -
高德地图获取地址
2019-09-11 14:42 455高德帐号 135704744 <!doctype ... -
前端实现从剪贴板中获取数据
2019-05-16 14:01 1385//绑定在了body上,也可以绑定在其他可用元素行,但是不是所 ... -
js prototype原理与使用
2018-08-14 15:59 728js prototype原理与使用 prototype 使您 ... -
JS过滤树数据
2018-07-02 16:45 980<!DOCTYPE html> <html ... -
javascript匿名函数与闭包
2016-09-27 14:10 394javascript匿名函数与闭包 ... -
JavaScript 作用域和作用域链
2016-09-27 09:08 485JavaScript 作用域和作用域链 JavaScrip ... -
Javascript函数
2016-09-28 15:00 471Javascript函数 定义函数 使用function关 ... -
Javascript执行步骤与顺序
2016-09-26 01:09 373Javascript执行步骤与顺序 1.JavaScript ...
相关推荐
javascript基础,适合零基础或初学者简单简洁 ,易于理解
Javascript基础
主要为个人学习笔记 超详细
JavaScript基础语法笔记(for、对象、js基础语法截图等...)
一些个人学习js基础语法的笔记
本文主要介绍了javaScript的基础知识,具有很好的参考价值,下面跟着小编一起来看下吧