JavaSript1
来源：互联网 发布：php命令行 编辑：程序博客网 时间：2024/05/29 10:15
**ECMA-262 是 JavaScript 标准的官方名称**
**警告框一般用来测试**
**JavaScript的注释：**
//单行注释
/*多行注释*/**
1、用isNaN来判断是否为数字**
isNaN(is not a number)
<!--如果不是数字，返回的是ture；如果是数字，返回的是flase-->
<scripttype="text/javascript">
function testA(){
alert(isNaN("中国"));//ture
alert(isNaN(3.2));//flase
alert(isNaN("2"));//flase
alert("判断=========");
var a = 0;
alert(a=2);//返回的是他的本身
alert(2=="2");//ture
alert(a==="2");//flase
}
</script>
<buttontype="button"onclick="testA()">点击这里</button>
”==”是判断值是否相等
“===”是判断值和类型是否都相等
**2、通过js改变html字体的属性**
<pid="demo">提莫队长正在送命</p>
<scripttype="text/javascript">
function myFunction() {
chage=document.getElementById("demo") // 找到元素
chage.style.color="#ff0000";
chage.style.fontSize="100px"; // 改变样式
}
</script>
<buttontype="button"onclick="myFunction()">点击这里</button>
**3、通过text的文档方式来弹出文本框**
<scripttype="text/javascript">
function testB(){
var ad = document.getElementById("aa");
alert(aa.innerHTML)
}
</script>
<textarea row = "5" cols = "10" id="aa">提莫队长正在送命</textarea>
<buttontype="button"onclick="testB()">点击这里</button>
**4、通过div的盒子来改变属性**
<scripttype="text/javascript">
function testC(){
var divStr = document.getElementById("divStr");
divStr.align="content";
divStr.style.color = "pink";
divStr.style.fontFamily="宋体";
}
</script>
<div id = "divStr" align="left" onclick="testC()"style = " color:red;font-family: 雅黑;font-size:50px"/>小提莫种蘑菇
**5、JavaScript变量，变量是存储信息的容器。**
**var是变量的赋值得关键词**
example：
<scripttype="text/javascript">
function testD(){
//声明变量x
var x;
//对变量x赋值
x=1;
//声明变量y
var y;
//对变量y赋值
y=4;
var z = x+y;
alert(x);
alert(y);
alert(z);
}
function testE(){
var x,y,z;
x=1;y=3;z=x+y;
alert(x);
alert(y);
alert(z);
}
function testF(){
var x=2;
var y="2";
alert(x+y);
//结果是22；
alert(parseInt(y)+x);
//强制转换为整形，结果为4；
var z;
alert(z);
}
</script>
<buttontype="button"onclick="testD()">点击这里1</button>
<buttontype="button"onclick="testE()">点击这里2</button>
<buttontype="button"onclick="testF()">点击这里3</button>
**变量必须以字母开头变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）变量名称对大小写敏感（y 和 Y 是不同的变量）JavaScript 语句和 JavaScript 变量都对大小写敏感。**
6、**js的数据类型**
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型字符串可以单引号，也可以双引号；
JavaScript只有一种数字类型；
7、**动态日期的进行**
<scripttype="text/javascript">
function startTime(){
var today=new Date()
var y=today.getFullYear()
var mm=today.getMonth()
var d=today.getDate()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=y+"年"+mm+"月"+d+"日"+h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i){
if (i<10) {
i="0" + i
}
return i
}
</script>
<bodyonload="startTime()">
<divid="txt"></div>
8、**js可以粗放不同类型的值，并且js可以不用给长度。**
example：
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者：
var cars=new Array("Audi","BMW","Volvo");
**数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]**
<scripttype="text/javascript">
var i;
var cars = new Array();
cars[0] = "2";
cars[1] = "1";
cars[2] = "0";
for(i=0;i<cars.length;i++){
document.write(cars[i]+"<br/>");
}
</script>
9、JavaScript的对象调用
<script type = "text/javascript">
var tree = {
name:"大树",
age:"28",
fiamly:"华府大道",
id:"18",
};
document.write(tree.name+"<br/>");
document.write(tree.fiamly+"<br/>");
</script>
**对象属性有两种寻址方式：**
name=person.lastname;
name=person["lastname"];
10、**对象名字的拆分**
<script type = "text/javascript">
function testa(){
var str = "hello world";
var l = str.length;
var s = str.indexOf("H");
var ser = str.search("H");
alert(str.split((""),6));
alert(s);alert(ser);
}
</script>
<buttontype="button"onclick="testa()">点击这里</button>
11、**调用对象的属性**
<script type = "text/javascript">
function testA(){
var tree = new Object();
tree.treeID = 2;
tree.name = "大树";
tree.sex = 1;
tree.password = "123456";
tree.flag = 0;
tree.alertAll=function(){
alert(" 用户ID: " + tree.treeID + " 用户名: " + tree.name + " 性别: " + tree.sex + " 密码: " + tree.password + " 状态: " + tree.flag)
}
tree.alertAll();
}
</script>
<buttontype="button"onclick="testA()">点击这里</button>
12、**函数。**
**函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。**
**函数就是包裹在花括号中的代码块，前面使用了关键词 function**
for example：
**调用带参数的函数，带有返回值的函数**
<script type = "text/javascript">
function testB(x,y){
return x+y;
}
function testC(x,y){
alert(testB(x,y))
}
</script>
<buttontype="button"onclick="testC(7,8)">点击这里</button>
**JavaScript 变量的生存期JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除全局变量会在页面关闭后被删除**
13、算数运算符
<script type = "text/javascript">
function testD(){
var a = 7;
alert(--a);//6
alert(a);//6
alert(a--);//6
alert(a);//5
alert(++a);//6
alert(a);//6
alert(a++);//6
}
</script>
<buttontype="button"onclick="testD()">点击这里</button>
