JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

jie310600

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量76

点赞数

分类专栏： JavaScript 文章标签： JavaScript基础 JavaScript ViewUI

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

[b]JavaScript 简介[/b]
JavaScript 是属于网络的脚本语言！
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
JavaScript 是因特网上最流行的脚本语言。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器(浏览器带有JavaScript解析执行器（JavaScript引擎）)执行。
JavaScript是顺序执行的确

[b]JavaScript 使用[/b]
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

[b]外部的 JavaScript[/b]
外部 JavaScript 文件的文件扩展名是 .js。

实例:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

[b]JavaScript 通常用于操作 HTML 元素。[/b]
操作 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 页面将被覆盖：

[b]JavaScript 语句[/b]
分号用于分隔 JavaScript 语句。
document.getElementById("demo").innerHTML="Hello World";

[b]JavaScript 代码[/b]
JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。
浏览器会按照编写顺序来执行每条语句。
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";

[b]JavaScript 代码块[/b]
块的作用是使语句序列一起执行。
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

[b]JavaScript 对大小写敏感。[/b]

[b]空格[/b]
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的：
var name="Hello";
var name = "Hello";

[b]对代码行进行折行[/b]
您可以在文本字符串中使用反斜杠对代码行进行换行。
document.write("Hello \
World!");
不过，您不能像这样折行：
document.write \
("Hello World!");

[b]JavaScript 注释[/b]
单行注释以 // 开头。
多行注释以 /* 开始，以 */ 结尾。
在行末使用注释
var x=5; // 声明 x 并把 5 赋值给它

[b]JavaScript 变量[/b]
var x=2;
JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
变量可以放任何数据类型

[b]声明（创建） JavaScript 变量[/b]
var carname;
变量声明之后，该变量是空的（它没有值）（carname="Volvo";）。
也可以在声明变量时对其赋值。（var carname="Volvo";）
未使用值来声明的变量，其值实际上是 undefined

[b]一条语句，多个变量[/b]
var name="Gates", age=56, job="CEO";
声明也可横跨多行：
var name="Gates",
age=56,
job="CEO";

[b]重新声明 JavaScript 变量[/b]
以下两条语句执行后，变量 carname 的值依然是 "Volvo"：
var carname="Volvo";
var carname;

[b]JavaScript 数据类型[/b]
字符串、数字、布尔、数组、对象、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"];

[b]JavaScript 对象[/b]（与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 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

[b]JavaScript 对象[/b]
对象是拥有属性和方法的数据

访问对象属性的语法是：
objectName.propertyName

访问对象的方法的调用方法：
objectName.methodName()

实例:
var message="Hello world!";
var x=message.toUpperCase();

[b]JavaScript 函数[/b]
JavaScript 函数语法
function functionname()
{
这里是要执行的代码
}

声明带参数的函数
function myFunction(var1,var2)
{
这里是要执行的代码
}

实例
<button οnclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

带有返回值的函数
通过使用 return 语句就可以实现。
function myFunction()
{
var x=5;
return x;
}

[b]局部 JavaScript 变量[/b]
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它

[b]全局 JavaScript 变量[/b]
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

[b]JavaScript 变量的生存期[/b]
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。

[b]向未声明的 JavaScript 变量来分配值[/b]
如果您把值赋给尚未声明的变量(就是没有var在前面)，该变量将被自动作为全局变量声明。(即使它在函数内执行)
carname="Volvo";

[b]JavaScript 运算符[/b](与C语一样)

[b]JavaScript 比较和逻辑运算符[/b]
比较运算符
== 等于 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

[b]JavaScript If...Else 语句(与C语一样)[/b]
[b]JavaScript Switch 语句(与C语一样)[/b]
[b][b]JavaScript While 循环(与C语一样)[/b]
JavaScript Break 和 Continue 语句(与C语一样)[/b]

[b]JavaScript For 循环[/b]
For 循环(与C语一样)

[b]For/In 循环[/b]
JavaScript for/in 语句循环遍历对象的属性：

实例:
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
输出：
txt = BillGates56；

[b]JavaScript 标签[/b]
<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>

[b]JavaScript 错误 - Throw、Try 和 Catch[/b]
[b]JavaScript 测试和捕捉[/b]
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}

[b]Throw 语句[/b]
语法
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>

参考原文：[url]http://www.w3school.com.cn/js[/url]

jie310600

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础

[b]JavaScript 简介[/b]JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript 插入 HTML 页面后，可由所有的现代浏览器(浏览器带有JavaScript解析执行器（JavaScript引擎）...
复制链接

扫一扫

专栏目录