JavaScript
2016-04-01 19:35
489 查看
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
当把脚本保存到外部文件中，外部JavaScript文件扩展名.js，需要使用外部文件时可以在<script>标签的src属性设置该js文件。
注意：外部脚本不能包含<script>标签。
js输出
操作HTML元素使用document.getElementById(id)方法。
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
显示My First JavaScript覆盖掉了原来p标签的HTML内容
也可以直接把<p>标签写到HTML文档输出中：
<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
显示：My First Web Page
My First JavaScript
如果在文档加载完成后执行document.write整个HTML页会被覆盖
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>
JavaScript大小写敏感
单行注释//
多行注释/**/
变量：必须以字母开头，也可以$和_开头（不推荐），大小写敏感（x和X是不同变量）
变量声明 var query; 执行完这句后query的值是undefined
变量赋值 query="hello";
声明时赋值 var query=11; 声明多个变量 var name="zs",age=18,job="CEO";//可跨行声明
数组： 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={name:"zs",age:18,jog:"CEO"} //可跨行
寻址方式：name=person.name; name=person["name"];
undefined和null
undefined表示这个变量不含有值。可以通过变量设置为null来清空变量。
声明变量类型：可以使用new来声明
var str=new String; var x=new Number; var y=new Boolean;
var cars=new Array; var person=new Object;
JavaScript变量均为对象，当声明一个变量时就是创建一个新的对象
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。
var txt="hello"; 属性txt.length=5 方法txt.indexOf() txt.replace() txt.search()
自己创建一个对象：
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
访问对象的属性：objectName.propertyNaem
访问对象的方法：objectName.methodName()
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
JavaScript函数语法
function myFunction(){/*要执行的代码*/}
当调用该函数时会执行函数内的代码
带参数的函数
function myFunction(var1,var2){}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
JavaScript没有方法重载，同名函数后面会覆盖前面，只会调用最后一个函数
带返回值的函数
function myFunction(a,b){return a*b;}
调用上面的函数 var myVar=myFunction(2,3);//结果：myVar=6;
document.getElementById("demo").innerHTML=myFunction(4,3);//让ID为demo的对象显示12
return;表示仅仅退出函数
JavaScript变量：
局部变量：在JavaScript函数内部声明的变量（使用var）。在函数运行以后被删除
全部变量：在函数外部声明的变量，网页上所有脚本可以访问，在网页关闭后被删除
向未声明变量分配值： carname="Volvo";此时会自动作为全局变量声明（即时在函数内执行）
JavaScript算术运算符：+，-，*，/，%，++，-- （把数字和字符串相加结果将成为字符串）
JavaScript赋值运算符：=，+=，-=，*=，/=，%=
JavaScript比较运算符：==，===(全等：值和类型)，!=，>，<，>=，<=
JavaScript逻辑运算符：&&，||，！
三元运算 variablename=(condition)?value1:value2
条件语句：if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行
循环语句：for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。
JavaScript测试和捕捉
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
语法：
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}
throw 语句允许我们创建自定义错误。语法：throw exception
<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>
JavaScript表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
当把脚本保存到外部文件中，外部JavaScript文件扩展名.js，需要使用外部文件时可以在<script>标签的src属性设置该js文件。
注意：外部脚本不能包含<script>标签。
js输出
操作HTML元素使用document.getElementById(id)方法。
<p id="demo">My First Paragraph.</p>
<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
显示My First JavaScript覆盖掉了原来p标签的HTML内容
也可以直接把<p>标签写到HTML文档输出中：
<h1>My First Web Page</h1>
<script>
document.write("<p>My First JavaScript</p>");
</script>
显示：My First Web Page
My First JavaScript
如果在文档加载完成后执行document.write整个HTML页会被覆盖
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>
JavaScript大小写敏感
单行注释//
多行注释/**/
变量：必须以字母开头，也可以$和_开头（不推荐），大小写敏感（x和X是不同变量）
变量声明 var query; 执行完这句后query的值是undefined
变量赋值 query="hello";
声明时赋值 var query=11; 声明多个变量 var name="zs",age=18,job="CEO";//可跨行声明
数组： 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={name:"zs",age:18,jog:"CEO"} //可跨行
寻址方式：name=person.name; name=person["name"];
undefined和null
undefined表示这个变量不含有值。可以通过变量设置为null来清空变量。
声明变量类型：可以使用new来声明
var str=new String; var x=new Number; var y=new Boolean;
var cars=new Array; var person=new Object;
JavaScript变量均为对象，当声明一个变量时就是创建一个新的对象
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。
var txt="hello"; 属性txt.length=5 方法txt.indexOf() txt.replace() txt.search()
自己创建一个对象：
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
访问对象的属性：objectName.propertyNaem
访问对象的方法：objectName.methodName()
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
JavaScript函数语法
function myFunction(){/*要执行的代码*/}
当调用该函数时会执行函数内的代码
带参数的函数
function myFunction(var1,var2){}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。
JavaScript没有方法重载，同名函数后面会覆盖前面，只会调用最后一个函数
带返回值的函数
function myFunction(a,b){return a*b;}
调用上面的函数 var myVar=myFunction(2,3);//结果：myVar=6;
document.getElementById("demo").innerHTML=myFunction(4,3);//让ID为demo的对象显示12
return;表示仅仅退出函数
JavaScript变量：
局部变量：在JavaScript函数内部声明的变量（使用var）。在函数运行以后被删除
全部变量：在函数外部声明的变量，网页上所有脚本可以访问，在网页关闭后被删除
向未声明变量分配值： carname="Volvo";此时会自动作为全局变量声明（即时在函数内执行）
JavaScript算术运算符：+，-，*，/，%，++，-- （把数字和字符串相加结果将成为字符串）
JavaScript赋值运算符：=，+=，-=，*=，/=，%=
JavaScript比较运算符：==，===(全等：值和类型)，!=，>，<，>=，<=
JavaScript逻辑运算符：&&，||，！
三元运算 variablename=(condition)?value1:value2
条件语句：if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行
循环语句：for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。
JavaScript测试和捕捉
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
语法：
try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}
throw 语句允许我们创建自定义错误。语法：throw exception
<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>
JavaScript表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jsp 分页条 结合page.jar 实现分页数据和分页条分离
- 使用jsonp完美解决跨域问题
- JavaScript数组方法
- Java和JavaScript中使用Json方法大全
- JavaScript常用的String方法
- Js参数RSA加密传输，jsencrypt.js的使用
- JavaScript 中的 this
- 谈谈JS的核心技术:原型对象和原型链
- JavaScript模式 For和For-in循环优化
- js跨域解决方案
- 10款面向HTML5 画布(Canvas)的JavaScript库
- 10款面向HTML5 画布(Canvas)的JavaScript库
- 【JavaScript】前端插件
- javaScript中的数组篇——常用方法
- 实践一些js中的prototype, __proto__, constructor
- JavaScript 原型继承 问题？？？
- Gson 将list封装成json
- javascript中使用MSXML调用我自己电脑上的WEBservice
- javaScript中的数组篇——创建、读和写
- JSP中九个隐含对象