12.3web

来源:互联网 发布:mac如何使用qq截图 编辑:程序博客网 时间:2024/04/28 06:40

1.alert()
弹框/警告框,要用双引号将内容括起来
eg:
  alert(“这是一个测试”)


2.确认框/弹出框/输出框:confirm
与alert()的区别是:有“确认“和“取消”两个按钮
例:confirm(“确认要退出吗”)
3.在页面中输出
例:document.write(“hello world”)
在控制台输出:console.log(“zhangsan”)   //在页面中看不到,可用F12查看
4.数据类型:
字符串:string    //var   y=”hello”
数字:number   //var x=12
布尔:boolean    //var x=true
数组:Array      //var n=[1,2,3]
未定义:unfined    
对象:object
空:null    //var   d=null
5.javascript常用语法:
常量,字符串,表达式,数组,对象,函数
6.alert(typeof(x))    //检测x的数据类型
7.数组的调用:
例:var  car=[“a”,”b”,”c”];
alert(car[0])    /*调用:数组名[索引值],索引值从0开始/
8.对象:
简单对象:var info={
     name=”list”,sex:”男”,age:”20”,address:”西安”;
}
调用:alert(info.name)
或:alert(info.name+”,”+infor.address)
其中“+”具有连接功能,也可表示相加。
表连接时:var x=30;
Document.write(“ “+” “+x)


     复杂对象:var info={
     name=”list”,sex:”男”,age:”20”,address:”西安”;
}
var info={
     name=”wangwu”,sex:”男”,age:”30”,address:”西宁”;
}
var info={
     name=”zhaoliu”,sex:”女”,age:”21”,address:”山东”;
}
调用:函数名[索引值].键值名


9.”=”是赋值(右边赋给左边)
10.算数运算符=,-,*,、,%
++是自增
X=++y:先自增后赋值
Y=y++:先赋值后自增
例:  var a=5,y,z;
      Y=a++;
      Z=++a;
   alert(a);   //结果为:7
   alert(y);   //结果为5
   alert(z);   //结果为7
+=  x+=y即:x=x+y;
-=  x-=y即:x=x-y;
等于:==
绝对等于:===
不等于:!=
绝对不等于:!==
大于:>
小于:<
10.逻辑运算:&&与and   //两个都为真才是真的
           ||或or      //两边只要有一个为真,结果为真
            !非  not    //你为false我为true
11.三目/条件运算符
语法:(条件)?”条件成立时输出的值:”  “条件不成立时输出的值”
条件语句例子:
var age=prompt(“请输入你的年龄:”,18) ;
var  zhi=((age>=18)?”成年”:”未成年”):”未成年”)
alert(zhi)
单行注释://
12.函数的语法:
  function 函数名(){
执行语句;
调用:   事件=”函数名()”
}
     
事件:onclick  //点击
Onmouseover   //  鼠标悬停
Onmouseout    //鼠标离开
Onmousemove   //鼠标移动






13.形参与实参
例:
<button onclick=”sum(1,2)”>计算1</button>
<button onclick=”sum(1,3)”>计算2</button>
<button onclick=”sum(1,4)”>计算3</button>
Function sum(x,y){
       Var  z;
       Z=x+y;;
Alert(z);
}
14.返回值 return
例:function show(){
Var x=5,y=6;
Return x+y;
}
Var z=show();
alert(z);
15.函数;
语法: function functionname(a,b){  }


带有返回值的函数:   return 值
16.作用域:为可访问对象,函数,变量的集合
(1)局部变量(在函数执行完后销毁)
Function name(){
  Var car=”abc”;
}
(2)全局变量(在页面关闭后销毁)
A.                            
Var car=”abc”;
Function name(){  }
 
B.
Function name(){
   Car=”abc”;
}
17.获取值
(1)内容+标签.innerHTML()
(2)内部的纯文本innertext
(3)看表单中的值value
找节点:
(1)通过Id找:document.getElementById("div1");
(2)通过Class找:document.getElementByClass("div1");
(3)通过标签名找:document.getElementByTagName("div1");


18.条件语句:
if var  age=prompt(“请输入您的年龄:”,18)
   If(age>=18){
Document.write(“成年”);
}
Else{
Document.write(“未成年”)
}
19.switch语句
switch(n)
{
case 1:
  执行代码块 1
break;
case 2:
  执行代码块 2
break;
default:
 n 与 case 1 和 case 2 不同时执行的代码
}


例:显示今天是星期几
var day=new Date().getDay();
switch (day)
{
case 0:
  x="Today it's Sunday";
  break;
case 1:
  x="Today it's Monday";
  break;
case 2:
  x="Today it's Tuesday";
  break;
case 3:
  x="Today it's Wednesday";
  break;
case 4:
  x="Today it's Thursday";
  break;
case 5:
  x="Today it's Friday";
  break;
case 6:
  x="Today it's Saturday";
  break;
}
20.for循环
语句:for(语句1;语句2;语句3)
{   被执行代码   }
例:
Var   car[“a”,”b”,”c”,”d”];
for (var i=0;i<cars.length;i++)

document.write(cars[i] + "<br>");
}
21.while循环
While(条件){
要执行语句
}
例:
while (i<5)
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
do while语句
语法:do  
  {
要执行语句
}
while(条件)
例:
do
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
while (i<5);


21.break 语句可用于跳出循环。
break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):
实例
for (i=0;i<10;i++)
  {
  if (i==3)
    {
    break;
    }
  x=x + "The number is " + i + "<br>";
  }
22.continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。 
例:
for (i=0;i<=10;i++)    //该例子跳过了值 3:


 {
 if (i==3) continue;
  x=x + "The number is " + i + "<br>";
  }
23.用 typeof 操作符来检测变量的数据类型。
例:
typeof "John"                // 返回 string 
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object


24.在 JavaScript 中 null 表示 "什么都没有"。
null是一个只有一个值的特殊类型。表示一个空对象引用。
例:
(1)var person = null;    // Value is null, but type is still an object
你可以设置为 undefined 来清空对象:
(2)var person = undefined;     // 值为 undefined, type is undefined
undefine和null的区别:
typeof undefined             // undefined
typeof null                  // object
null === undefined           // false
null == undefined            // true


25.强制类型转换
parseInt()强制转换为整型
parseFloat()强制转换为符点型
Number()转换为数字类型
String()转换为字符串
Boolean()转换为布尔型




例;
Var x=”34”;
Console.log(typeof(x));
Var y=number(x);
Console.log(typeof(x));


26.常见的事件:
事件 描述
onchange HTML 元素改变
onclick      用户点击 HTML 元素
onmouseover   用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload    浏览器已完成页面的加载


27.
onfocus聚焦时
onblur离开时


28.
设置对象属性:SetAttribute
获取对象属性:getAttribute


29.访问对象:
语法:对象名.属性名
方法:对象名.方法


30.
obj.toFixed(n)    //保留小数位数,n是大于0的整数,n是小数位数
Math.round()    //四舍五入返回整数
Math.PI          //表示pI
Math.random()    //随机数(表示0~1之间的随机数
Math.ceil()       //向上舍入
Math.floor()      //向下取舍

原创粉丝点击