Java Script注意事项

时间:2021-01-06 19:09:19

1、HTML中,打错标点符号 或输入格式不对(多输等号 或少加括号等)

会导致字体颜色不对劲

2、写Java Script时通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

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

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件

注意:外部脚本不能包含 <script> 标签。

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

4、

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

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

5、在 JavaScript 中,用分号来结束语句是可选的

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

7、注释方法与C++ 一样

8、当您向变量分配文本值时,应该用双引号或单引号包围这个值。 与C++单引号不能包围字符串 有区别

9、var用来声明变量:变量声明之后,该变量是空的(其值实际上是 undefined)。

10、

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

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

var carname="Volvo";
var carname;

11、科学记数法

var y=123e5(实际为12300000)

12、声明数组和赋值的方法:

先声明后赋值

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

声明的同时给数组赋值

var cars=new Array("Audi","BMW","Volvo");
//或
var cars=["Audi","BMW","Volvo"];

13\Java Script对象

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

var person={name:"Gates", id:};

对象属性有两种寻址方式:

name=person.name;
name=person["name"];

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

15、声明变量类型

当声明新变量时,可以使用关键词 "new" 来声明其类型:

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

16、向函数传递参数

<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

上面的函数会当按钮被点击时提示 "Welcome Bill Gates, the CEO"。

带有返回值的函数

有时,我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时,函数会停止执行,并返回指定的值。

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

  

17、JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

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

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

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

18、

向未声明的 JavaScript 变量来分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。即使它在函数内执行。

carname="Volvo";

19\

JavaScript for/in 语句循环遍历对象的属性:

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

for (x in person)
{
txt=txt + person[x];
} //person[0]="John" person[1] = Doe
//"John"+"Doe" = JohnDoe;

20\

cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[] + "<br>");
document.write(cars[] + "<br>");
document.write(cars[] + "<br>");
break list;
document.write(cars[] + "<br>");
document.write(cars[] + "<br>");
document.write(cars[] + "<br>");
}

仅会出现三个数据,continue用法相似

21、

JavaScript抛出错误

当错误发生时,当事情出问题时,JavaScript 引擎通常会停止,并生成一个错误消息。

描述这种情况的技术术语是:JavaScript 将throw一个错误。

JavaScript 测试和捕捉

try 语句允许我们定义     在执行时进行错误测试的代码块。//也就是说只有try里面的代码出现问题 catch才会执行

catch 语句允许我们定义     当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句 trycatch 是成对出现的。

<script>
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>

Throw 语句

throw 语句允许我们创建自定义错误。

如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。(之前是系统的错误信息)

<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>) throw "too high";
if(x<) throw "too low";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script> <h1>My First JavaScript</h1>
<p>Please input a number between and :</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>

22、

23、

24、

25、