Java Script注意事项

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[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

声明的同时给数组赋值

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

 

13\Java Script对象

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

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

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

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=5;
  return x;
}

  

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

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

 

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

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

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

 

18、

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

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

carname="Volvo";

19\

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

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

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[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
break list;
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<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>10)     throw "too high";
  if(x<5)      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 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>

 

22、

23、

24、

25、

posted @ 2017-07-11 17:56  萌新上路  阅读(327)  评论(0编辑  收藏  举报