JavaScript 常用功能:
1:写入html输出 document.write("<p>xxxx</p>");
2:对事件做出反应(Javascript有特定的事件响应)
3:改变html内容 例如 x.innerHTML="xxxx";
4:改变html图像的大小或者改变图像的src;
5:改变htmlm元素的属性即样式
6:验证用户的输入(正则表达式或者是判断)
1、JavaScript在html中的使用
1、方式一:使用:
<script>
JavaScript的代码(如果只是函数的话,必须将函数绑定到事件上才行,否则不会执行函数
。或者是JavaScript的语句,而不是函数)
</script>
上面可以放置在head或者body中。如果是语句,则放置在相关html元素旁边
如果是函数则放置在body的最下面等待调用
方式二:使用外部js文件
<script src="xxx.js">
</script>
2:对大小写敏感
3:js注释
单行注释 //
多行注释 /* xxxxx */
4:JavaScript变量
4.1、var x 变量的声明
赋值:对数值 x=3;对字符串 x="xxxx";
可以在声明变量是进行赋值 :var x="xxxxx";
var x,y,z;
4.2、js的变量类型
String 字符型
var x="xxx";
var x=new String("xxx");
Number 数值型
var x=23;
var x=new Number(25);
Boolean 布尔型
var x=true
var x=new Boolean();
Array 数组
var x=["x0","x1","x2"];
var x=new Array();
x[0]="x0";
x[1]="x1";
x[2]="x2";
var x=new Array("x0","x1","x2");
Object 对象
var x={
class1:"value1",
class2:"value2",
class3:"value3"(如果class不是字符型,则可以不用“”)
}
var x=new Object();
x.class1="";
x.class2="";
可以向已存在的对象中添加新的属性和方法
注意不同属性使用,号隔开为不是;
调用属性 x.class1 或则是x["class1"]
这些变量都可以使用var 来声明,同时不同类型可以动态改变
大部分变量都可以用对象来表示
5、函数
function name(){
js代码块
}
function name(x1,x2){
x1 和x2为参数
但是不用声明参数的类型
}
function name(){
return x;
return ;终止运行
带有返回值的函数,不用声明返回值的类型
}
在函数内声明的变量只在函数内部有用
而在函数外面声明的变量则属于全局变量,所有的function都可以访问,只有在页面关闭时才会释放
6、数字和字符串相加,则会成为字符串
x="3"+3 (="33");
x="32"+"xs" ; (="32xs")
7、程序结构
7.1、选择结构:
if else
if else if else
switch(n){
case 1:
case 2:
...
default:
}
7.2、循环结构
for循环
for(i=0;i<10;i++)
{
}
for/in 循环
var x={class1:value1,class2:value2 ...}
for (temp in x)
{
var y=y+x[temp];
}
while(){
}
do{
}while(); // 注意要用;
8、错误检测
try{
throw exception;//用于创建或者是抛出异常 exception可以是字符串、数字、逻辑值或者是对象
}
catch{
}
1:写入html输出 document.write("<p>xxxx</p>");
2:对事件做出反应(Javascript有特定的事件响应)
3:改变html内容 例如 x.innerHTML="xxxx";
4:改变html图像的大小或者改变图像的src;
5:改变htmlm元素的属性即样式
6:验证用户的输入(正则表达式或者是判断)
1、JavaScript在html中的使用
1、方式一:使用:
<script>
JavaScript的代码(如果只是函数的话,必须将函数绑定到事件上才行,否则不会执行函数
。或者是JavaScript的语句,而不是函数)
</script>
上面可以放置在head或者body中。如果是语句,则放置在相关html元素旁边
如果是函数则放置在body的最下面等待调用
方式二:使用外部js文件
<script src="xxx.js">
</script>
2:对大小写敏感
3:js注释
单行注释 //
多行注释 /* xxxxx */
4:JavaScript变量
4.1、var x 变量的声明
赋值:对数值 x=3;对字符串 x="xxxx";
可以在声明变量是进行赋值 :var x="xxxxx";
var x,y,z;
4.2、js的变量类型
String 字符型
var x="xxx";
var x=new String("xxx");
Number 数值型
var x=23;
var x=new Number(25);
Boolean 布尔型
var x=true
var x=new Boolean();
Array 数组
var x=["x0","x1","x2"];
var x=new Array();
x[0]="x0";
x[1]="x1";
x[2]="x2";
var x=new Array("x0","x1","x2");
Object 对象
var x={
class1:"value1",
class2:"value2",
class3:"value3"(如果class不是字符型,则可以不用“”)
}
var x=new Object();
x.class1="";
x.class2="";
可以向已存在的对象中添加新的属性和方法
注意不同属性使用,号隔开为不是;
调用属性 x.class1 或则是x["class1"]
这些变量都可以使用var 来声明,同时不同类型可以动态改变
大部分变量都可以用对象来表示
5、函数
function name(){
js代码块
}
function name(x1,x2){
x1 和x2为参数
但是不用声明参数的类型
}
function name(){
return x;
return ;终止运行
带有返回值的函数,不用声明返回值的类型
}
在函数内声明的变量只在函数内部有用
而在函数外面声明的变量则属于全局变量,所有的function都可以访问,只有在页面关闭时才会释放
6、数字和字符串相加,则会成为字符串
x="3"+3 (="33");
x="32"+"xs" ; (="32xs")
7、程序结构
7.1、选择结构:
if else
if else if else
switch(n){
case 1:
case 2:
...
default:
}
7.2、循环结构
for循环
for(i=0;i<10;i++)
{
}
for/in 循环
var x={class1:value1,class2:value2 ...}
for (temp in x)
{
var y=y+x[temp];
}
while(){
}
do{
}while(); // 注意要用;
8、错误检测
try{
throw exception;//用于创建或者是抛出异常 exception可以是字符串、数字、逻辑值或者是对象
}
catch{
}