JS基础

改变字体颜色：




function testC(){
var ziti=document.getElementById("ziti");
alert(ziti.id);
ziti.style.color="red";
ziti.style.fontSize="100px";//不能有下划线 改为二段首字母大写
}


<hr/>
<div  align="center">
<input type="button" value="改变字体" onclick="testC()"/><br/>
<a style="font-size:40px;color: blue" id="ziti">这是需要改变的字体</a>
</div>






isnan测试：
function testNan(){
alert(isNaN(2));
alert(isNaN(3.2));
alert(isNaN("2"));
alert("2"==2);
alert("2"===2);
var a=0;
alert(a=2); 
//alert(2="2");语法错误
}


<div align="center" >
<input type="button" value="isnan" onclick="testNan()"style="width:100px;height:100px;font-size:20px"/><br/>
</div>








ecma-262  标准     网景
ECMAScript是ECMA-262也是同理。Ecma International（以前叫ECMA - European Computer Manufacturers Association）是


个行业标准组织，它所通过的标准都是ECMA-<nnn>这样的编号，然后可以有另外的标准名字。


作者：RednaxelaFX
链接：


https://www.zhihu.com/question/40999629/answer/94407876
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，


非商业转载请注明出处。
一流公司做标准，二流公司做品牌，三流公司做服务，四流公司做价格；




文本域改变：




function testD(){
document.getElementById("wb1").innerHTML="asdasdasd";

}


<hr/>
<div align="center" >
<input type="button" value="文本" onclick="testD()"/>
<p id="wb1">0202020202</p>
</div>


文本域切换：


var m=1;
function testD(){
if(m%2==1){
document.getElementById("wb1").innerHTML="asdasdasd";
}else{
document.getElementById("wb1").innerHTML="0202020202";
}
m++;
}


<hr/>
<div align="center" >
<input type="button" value="文本" onclick="testD()"/>
<p id="wb1">0202020202</p>
</div>






javas是脚本语言，浏览器会在读取代码时，逐步的进行脚本代码编译，
javascript是编译一行执行一行  java是编译完在执行






申明和赋值：




function testE(){
//声明
var x;
//赋值
x=1;
//声明并赋值
var y=2;
//声明并赋计算的值
var z=x+y;
alert(x);
alert(y);
alert(z);
}
function testE1(){
//声明
var x,y,z;
//赋值
x=1;
y=2;
z=x+y;
alert(x);
alert(y);
alert(z);
}




<div align="center" >
<input type="button" value="声名赋值" onclick="testE()"/>
</div>
<hr/>
<div align="center" >
<input type="button" value="声名赋值2" onclick="testE1()"/>
</div>
<hr/>










强转计算以及未定义：


function testE3(){
alert(2+2);
alert(2+"2");
alert("2+2");
alert(parseInt("2")+2);
var z;
alert(z);
}




<hr/>
<div align="center" >
<input type="button" value="强转计算" onclick="testE3()"/>
</div>




JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：










时间：




function date1(){
var date=new Date();
alert(date);
alert("从 1970/01/01 至今已过去 "+date.getTime()+"毫秒");
}



function startTime()
{
var date=new Date()
var h=date.getHours()
var m=date.getMinutes()
var s=date.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById("time").innerHTML=h+":"+m+":"+s
t=setTimeout("startTime()",500)
}


function checkTime(datetime){
if (datetime<10) {
datetime="0" + datetime
}
 return datetime
}


</div>
<hr/>
<div align="center" >
<input type="button" value="当前时间" onclick="date1()"/>
</div>
<hr/>
<div align="center" >
<input type="button" value="当前时间走动版本" onclick="startTime()"/>
<div id="time"></div>
</div>




数组：




function array1(){
var arra=new Array();
arra[0]="11111111";
arra[1]="22222222222";
arra[2]="33333333333";
for(var i=0;i<arra.length;i++){
alert(arra[i]);
}
}


<div align="center" >
<input type="button" value="数组" onclick="array1()"/>
</div>
<hr/>




对象：






function duixiang(){
var stu={
stuid:9527,
stuname:"燧先生",
stupassword:"123456"
};
alert(stu.stuid);
alert(stu.stuname);
alert(stu.stupassword);
}


<div align="center" >
<input type="button" value="对象" onclick="duixiang()"/>
</div>
<hr/>










null：


function null1(){
var a;
alert(a);
a=null;
alert(a);
}


<div align="center" >
<input type="button" value="null" onclick="null1()"/>
</div>
<hr/>




方法：


function fangf(){
var a="halsadad ada";
alert(a.length);
alert(a.indexOf("s"));//返回位置
alert(a.replace("a","A"));
alert(a.search("d"));
alert(a.split(""));
alert(a.split("",4));
alert(a.split("a",3));
}


<div align="center" >
<input type="button" value="方法" onclick="fangf()"/>
</div>
<hr/>






JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。








如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。






对象：




function duixiang2(){
stu=new Object();
stu.stuid=9527;
stu.stuname="陈燧";
stu.stupassword="123456";
alert(stu.stuid);
alert(stu.stuname);
alert(stu.stupassword);
stu.alertAll = function(){
alert(" id: "+stu.stuid+" name: "+stu.stuname+" password: "+stu.stupassword);
}
stu.alertAll();
}






形参合方法：




function xingcan(x,y){
return x+y;
}
function xingcan1(x,y){
alert(xingcan(x,y));
}