您的位置：首页 > Web前端 > JavaScript

JavaScript整理（1）--基本语法

2015-08-01 23:48 721 查看

JavaScript 是脚本语言

浏览器会在读取代码时，逐行地执行脚本代码。JavaScript 是一种轻量级的编程语言。

脚本可位于
HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

<body>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>在 <head> 或 <body> 中引用脚本文件都是可以的。

<body>
<script src="myScript.js"></script>
</body>

JavaScript 对大小写敏感。

JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型

var x; // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串

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 对象

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

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 中的所有事物都是对象：字符串、数字、数组、日期，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

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

<script type="text/javascript">
x=5+5;    // 10
x="5"+"5";  //"55"
x=5+"5";   //"55"
x="5"+5;  //"55"
</script>

===

全等（值和类型）

var x=5 ; x===5 为 true；x==="5" 为 false

var i=0,len=cars.length;
for (; i<len; )        //  for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}

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

for (x in person)
{
txt=txt + person[x];
//txt = txt + person.x 不能成功执行
}

cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}

try
{
var x=document.getElementById("demo").value;
if(x=="")    throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10)     throw "太大";
if(x<5)      throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}

<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post"></form>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航