JS

2017-11-09  本文已影响0人  你知道我是秦漂亮么

JavaScript 使用

(HTML 中的脚本必须位于<script>与</script>标签之间。脚本可被放置在 HTML 页面的<body>和 <head>部分中。)

<body>/<head>

         <script>

                        javascript脚本

         </script>

</body>/</head>

如需使用外部文件,请在<script>标签中的 "src" 属性中设置该 .js 文件(外部脚本不能包含 <script>标签) 标签《


JavaScript 输出

1.使用 document.getElementById(id) 方法,从 JavaScript 访问某个 HTML 元素。

<script>

document.getElementById("demo").innerHTML="我的第一段 JavaScript";

</script>

浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。

2.写到文档输出

document.write("<p>我的第一个js页面!</p>");


JavaScript 语句(浏览器会按照编写顺序来执行每条语句)


JavaScript 对大小写是敏感的。

JavaScript 会忽略多余的空格。

在文本字符串中使用反斜杠(\)对代码行进行换行。eg:document.write("Hello \World!");


JavaScript 注释

单行注释以 // 开头。

多行注释以 /* 开始,以 */ 结尾。


JavaScript 变量(var)

当您向变量分配文本值时,应该用双引号或单引号包围这个值。

当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。

使用 var 关键词来声明变量

eg:var num=2;

    var  name="Mary";

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

var  name="Mary";

var name;                          ( 在两条语句执行后,变量 carname 的值依然是 "Mary")




JavaScript 数据类型(字符串、数字、布尔、数组、对象、Null、Undefined)

1.数组

创建名为cars的数组:

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

或者

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

2.对象

var person={firstname:"Bill", lastname:"Gates", id:5566};

var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

有两种获取方式:

name=person.lastname;

name=person["lastname"];


JavaScript 对象

1.JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。

2.

如果要创建自己的对象QWJ:

<script>

QWJ=new Object();

QWJ.name="秦文静";

QWJ.age=20;

QWJ.eyecolor="black"

document.write(QWJ.name+"is"+QWJ.age+"years old");

</script>


JavaScript 函数

1.关键词 function(类比于c语言中返回值)

2.带参数的函数

function    information(name,age)  //注意此刻参数声明时不加类型,只写变量名

{

alert(name+“hello“+age);

}

<button   onclick="information('mary','10')">....</button>    //变量和参数必须以一致的顺序出现。由于外面有个双引号了所以参数值用单引号引起来。只要内外不同即可。

3.全局 JavaScript 变量

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

4.JavaScript 变量的生存期

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

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

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

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

carname="Volvo";(把值赋给一个未声明的变量)

则将声明一个全局变量 carname,即使它在函数内执行。


JavaScript运算符

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


JavaScript 比较和逻辑运算符

“===”三个连等:表示全等(即类型和值都要相等)


JavaScript Switch语句

var d=new Date().getDay();

若是Sunday则为0, Monday=1, Tuesday=2。。。。


JavaScript  For循环

1.for循环

for (var i=0,len=cars.length;i<len;i++)

{

ducument.write("第一个式子中可以初始化任意(或者多个)值

}

2.For/In 循环(相当于遍历整个元素)

var person={

fname:"John",

lname:"Doe",

age:25

};

var txt="";

for (x   in   person)

{

txt=txt + person[x];

}


JavaScript Break 和 Continue 语句

1.Break语句

它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话)

2.Continue语句

跳出当前循环的一个迭代,然后继续下面的循环。


JavaScript错误

1.try、catch

try {

//在这里运行代码

}

catch(err) {

//在这里处理错误

}//获取错误信息:err.message

2.throw

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

语法:throw  exception(异常可以是 JavaScript 字符串、数字、逻辑值或对象。)

eg:

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 + ".";

}

}


JavaScript 表单验证

上一篇 下一篇

猜你喜欢

热点阅读