JavaScript基础学习

最新推荐文章于 2024-09-24 11:55:49 发布

henryPrime

最新推荐文章于 2024-09-24 11:55:49 发布

阅读量541

点赞数

分类专栏： web开发文章标签： javascript

本文链接：https://blog.csdn.net/henryprime/article/details/11140989

版权

web开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript 是脚本语言,一种轻量级的编程语言,可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

内部的JavaScript可被放置在 HTML 页面的 <body> 和 <head> 部分中

外部的JavaScript通过<script>标签的src属性设置

操作Html元素

使用document.getElementById(id)方法访问Html元素

写到文档输出

<script>

document.write("<p>My First JavaScript</p>");

</script>

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么

在 JavaScript 中，用分号来结束语句是可选的

JavaScript 对大小写是敏感的

JavaScript 会忽略多余的空格

JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

JavaScript变量

变量必须以字母开头

变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

变量名称对大小写敏感（y 和 Y 是不同的变量）

声明JavaScript变量

var a;

重新声明 JavaScript 变量

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";

var carname;

JavaScript数据类型

JavaScript拥有动态类型,相同的变量可用作不同的类型:

var x // x 为 undefined

var x = 6; // x 为数字

var x = "Bill"; // x 为字符串

字符串

数值

布尔(true/false)

数组

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

或者 (literal array):

var cars=["Audi","BMW","Volvo"];

Undefine和Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

JavaScript对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};

对象的寻址方式：

name=person.lastname;

name=person["lastname"];

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

var carname=new String;

var x= new Number;

var y= new Boolean;

var cars= new Array;

var person= new Object;

JavaScript函数

无参数的函数

function functionname （）

{

......

}

带参的函数

function functionname(var1, var2)

{

......

}

有返回值的函数

function functionname()

{

var x = 5；

Return x；

}

在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：

function myFunction(a,b)

{

if (a>b)

  {

  return;

  }

x=a+b

}

局部变量：函数内部声明的变量

全局变量：函数外声明的变量，网页上的脚本和函数都能访问

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

这条语句：

carname="Volvo";

将声明一个全局变量 carname，即使它在函数内执行。

用于字符串的 + 运算符

txt1="What a very";

txt2="nice day";

txt3=txt1+txt2;

如果把数字与字符串相加，结果将成为字符串。

比较运算符

运算符	描述	例子
==	等于	x==8 为 false
===	全等（值和类型）	x===5 为 true；x==="5" 为 false
!=	不等于	x!=8 为 true
>	大于	x>8 为 false
<	小于	x<8 为 true
>=	大于或等于	x>=8 为 false
<=	小于或等于	x<=8 为 true

逻辑运算符

运算符	描述	例子
&&	and	(x < 10 && y > 1) 为 true
\|\|	or	(x==5 \|\| y==5) 为 false
!	not	!(x==y) 为 true

条件运算符 variablename=(condition)?value1:value2

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数

for/in - 循环遍历对象的属性

while - 当指定的条件为 true 时循环指定的代码块

do/while - 同样当指定的条件为 true 时循环指定的代码块

//for/in

var person={fname:"John",lname:"Doe",age:25};

for (x in person)

{

txt=txt + person[x];

}

JavaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有：

用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？