JavaScript学习笔记(一)

JavaScript简介

JavaScript是世界上最流行的编程语言。广泛应用于HTML、Web,服务器、PC等。JavaScript与Java是两种完全不同的语言,无论是概念上还是设计上。Java(由Sun发明)是跟复杂的编程语言,而JavaScript是由Brendan Eich发明。
JavaScript可以实现以下功能:写入HTML输出、对事件作出反应、改变HTML内容、图像和样式、验证输入。

一、JavaScript使用

HTML中的JavaScript脚本必须位于<script>与</script>之间,脚本可以放在HTML页面的<body>和<head>部分中。

<script>
alert("My First JavaScript");
</script>

二、访问 HTML 元素和改变其内容

在JavaScript中,如需访问某个HTML的元素,可以通过document.getElementById(id)方法,如需改变HTML的元素内容,在获得HTML元素前提下,可以通过innerHTML来改变。

<p id="demo">My First Paragraph</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

三、向 HTML 文档书写内容

使用document.write()向文档输出写内容。但是要注意的是如果在文档已经完成加载后执行document.write,整个HTML页面将会被覆盖。

<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>

四、JavaScript对大小写敏感

JavaScript对大小写敏感的,函数getElementById与getElementbyID是不同的,同样,变量 myVariable 与 MyVariable 也是不同的。JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。

五、创建JavaScript变量

使用关键字 var 来声明变量
var carname;
可以声明时赋值,也可以声明后赋值,这与java和c++语法差不多,只是JavaScript只有一个声明变量的关键字 var。值得注意的是未使用值来声明的变量,其值实际上是 undefined。JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

六、JavaScript对象

JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。
在JavaScript中,对象时拥有属性和方法的数据。
汽车的属性:
car.name=Fiat
car.model=500
car.weight=850kg
car.color=white 

汽车的方法:
car.start()
car.drive()
car.brake()

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"Bill", lastname:"Gates", id:5566};

对象属性有两种寻址方式:
name=person.lastname;
name=person["lastname"];

当您像这样声明一个 JavaScript 变量时:
var txt = "Hello";

您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。

访问对象属性的语法:

objectName.propertyName

访问对象方法的语法:

objectName.methodName()

七、JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
JavaScript 函数语法:
函数就是包裹在花括号中的代码块,前面使用了关键词 function:
function functionname()
{
这里是要执行的代码
}
声明调用带参数的函数:
function functionname(var1,var2)
{
这里是要执行的代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

带有返回值的函数:通过使用 return 语句就可以实现。

function myFunction()
{
var x=5;
return x;
}

八、JavaScript运算符

用于字符串的 + 运算符,+ 运算符用于把文本值或字符串变量加起来(连接起来)。
对字符串和数字进行加法运算
请看这些例子:
x=5+5;
document.write(x);

x="5"+"5";
document.write(x);

x=5+"5";
document.write(x);

x="5"+5;
document.write(x);

这个例子的HTML输出是
10
55
55
55

规则是:如果把数字与字符串相加,结果将成为字符串。

九、JavaScript 的if...else、for、do...while、switch。。。

JavaScript中的if...else、for、do...while、switch、break、continue语句的用法基本上和java一样

这里介绍一种for/in循环语法
var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

这种for/in循环等价于for循环,只是语法的不同。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值