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() //向下取舍
- 12.3web
- web
- web
- web
- web
- web
- web
- web
- web
- WEB
- web
- web
- WEB
- web
- web
- Web
- web
- web
- EditText过滤器
- WRTnode-配置OpenWrt
- qrc 生成exe用文本打开避免源码泄漏的解决方案
- 数据流中的中位数
- faster-rcnn 之训练数据是如何准备的:imdb和roidb的产生(caffe版本)
- 12.3web
- JAVA中的时间大小比较
- 小柯的烦恼
- SE16N对数据表进行编辑
- Linux进程间通信——使用匿名管道
- Samba 企业应用案例
- dos 操作登录oracle数据库
- php使用explode分割字符串新手容易忽略的问题
- Python中元组,列表,字典的区别