javascript复习-day2

来源：互联网发布：关键词优化骗局编辑：程序博客网时间：2024/06/07 20:07

1）js输出：
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

2）外部的javaScript.
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码

。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在

<script> 标签的 "src" 属性中设置该 .js 文件
实例：
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

3）写到文档输出。

下面的例子直接把 <p> 元素写到 HTML 文档输出中。
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

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

</body>
</html>
请使用 document.write() 仅仅向文档输出写内容。

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

。
4）您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正

确地显示：
document.write("Hello \
World!");
5）javaScript注释（跟java的一模一样）：
单行注释以 // 开头。
多行注释以 /* 开始，以 */ 结尾。
6）javascript的变量：
    变量必须以字母开头
    变量名称对大小写敏感（y 和 Y 是不同的变量）

7）javascript数据类型：
JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。
当您向变量分配文本值时，应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值

会被作为文本来处理
8）javascript的数据类型：
字符串可以是引号中的任意文本。您可以使用单引号或双引号：
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带
JavaScript 布尔（逻辑）只能有两个值：true 或 false。
声明变量类型
当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

9）创建 JavaScript 对象
JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函

数，等等。

你也可以创建自己的对象。

本例创建名为 "person" 的对象，并为其添加了四个属性：
实例

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

10)JavaScript 函数语法
函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname()
{
这里是要执行的代码
}
当调用该函数时，会执行函数内的代码。

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

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

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

12)javascript的条件
if..else:
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>

switch :
var day=new Date().getDay();
switch (day)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}

for循环：
for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "<br>";
}

for/in循环：
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};

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

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>

13）break和continue：
continue 语句（带有或不带标签引用）只能用在循环中。
break 语句（不带标签引用），只能用在循环或 switch 中。
通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：
14）JavaScript 测试和捕捉

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
语法
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}

15）javascript验证：
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}

function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>

<body>
<form action="submitpage.htm"onsubmit="return validate_form

(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>

</html>

0 0