Date对象:
<script type="text/javascript">
var now=new Date();
console.log(now);
var year=now.getFullYear(); //年份
//月份加1
var month=now.getMonth()+1; //月
var date=now.getDate(); //天
var hour=now.getHours(); //时
var m=now.getMinutes(); //分
var s=now.getSeconds(); //秒
//0--星期日 1-6正常
var day=now.getDay(); //星期
if(day==0){ //0转换成日
day="日";
}
var dateStr=year+"-"+month+"-"+date+" "+hour+":"+m+":"+s+" 星期"+day;
console.log(dateStr);
</script>
Math对象:
<script type="text/javascript">
var pi= Math.PI;
console.log(pi);
var c=Math.ceil(7.8);
console.log(c);
var f=Math.floor(7.8);
console.log(f);
var r1=Math.round(7.1); //round四舍五入
var r2=Math.round(7.5);
console.log(r1,r2);
//0-10
//Math.ceil(Math.random()*10);向上取整 例如:4.1 为5
//Math.floor(Math.random()*11);向下取整 例如:4.1 为4
// Math.random() 0-1之间的随机数
var rc=20+Math.ceil(Math.random()*10); //随机数
var rc1=20+Math.floor(Math.random()*11);
console.log(rc,rc1);
</script>
Global对象(全局对象);
<script type="text/javascript">
var box = '//张三';
var ebox=encodeURI(box);
alert("加密的:"+ebox); //只编码了中文
alert("解密的"+decodeURI(ebox)); //还原
var box1 = '//张三';
var ebox=encodeURIComponent(box)
alert("加密的:"+ebox);//特殊字符和中文编码了
alert("解密的"+decodeURIComponent(ebox)); //还原
</script>
parseInt(进制):可用于自幂数计算
可解析一个字符串,并返回一个整数。
parseInt("10"); //返回 10
parseInt("19",10); //返回 19 (10+9)
parseInt("11",2); //返回 3 (2+1)
parseInt("17",8); //返回 15 (8+7)
parseInt("1f",16); //返回 31 (16+15)
parseInt("010"); //未定:返回 10 或 8
parseFloat:
可解析一个字符串,并返回一个浮点数
document.write(parseFloat("10")) //10
document.write(parseFloat("10.00")) //10
document.write(parseFloat("10.33")) //10.33
document.write(parseFloat("34 45 66")) //34
document.write(parseFloat(" 60 ")) //60
document.write(parseFloat("40 years"))//40
document.write(parseFloat("He was 40"))//NaN
eval(Str)非常重要:
1.用于计算 //模拟计算器
var input =prompt("输入算数表达式");
var re=eval(input);
alert(re);
2.执行js(用双引号,“”内正常js语句)
eval("var a=7; var b=6;document.write(a*6);")
练习题:
请使用Javascript代码补全doSomething ()方法,实现文本框输入内容,div根据输入内容调整的功能。
要求(1)当输入的内容是red,blue或black时,对应更改div中的字体颜色。
(2)当输入的内容是算数表达式时(如:2+3*5),在div中显示计算结果。
(3)当输入的内容是文字时,在div中显示这些文字。
代码:
<script type="text/javascript">
function doSomething() {
1.获取用户输入 并获取div
var inputs = document.getElementById("input").value;
var output = document.getElementById("output");
console.log(inputs);
// output.innerHTML 当成html来解释 //output.innerText 当成普通文本来解释
2.输入内容为颜色时 =div中的文字变色
if (inputs == "red" || inputs == "blue" || inputs == "black") {
output.style.color = inputs; //以上完成第一问
} else {
3.当输入内容为算数表达式时,用eval计算,结果显示在div
try {
var re = eval(inputs);
console.log(re);
output.style.color = "black";
output.innerText = re;
4.其他情况,原样打印
} catch (e) {
output.style.color = "black";
output.innerText = inputs;
}
}
}
</script>
</head>
<body>
<input type="text" id="input">
<input type="button" value="输入" onclick="doSomething();">
<div id="output">welcome</div>
</body>