JavaScript基础

huangyongxing310

浏览: 494068 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript基础 JavaScript

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

分享到：

浏览器内部工作原理 | XML原理

2016-08-26 22:32
浏览 547
评论(0)
分类:互联网
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论