JavaScript

来源：互联网发布：淘宝宝贝手机拍摄技巧编辑：程序博客网时间：2024/06/06 10:34

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

JavaScript表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
用户是否已填写表单中的必填项目？
用户输入的邮件地址是否合法？
用户是否已输入合法的日期？
用户是否在数据域 (numeric field) 中输入了文本？

0 0