<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="myCsss.css" />
<!--外链式 css引入时link是单标签的;成对的-->
<!--<script type="text/javascript" src="myJs.js"></script>-->
<!--内嵌式-->
<script type="text/javascript">
//函数,和java的区别:参数无类型,返回值无类型
/*
void login(String username,String pwd)
int login(String username,String pwd)
String login(String username,String pwd)
*/
function isExitName(username){//有返回值的方法
if(username=='zq'){
return true;
}else{
return false;
}
}
function login(username,pwd){//单引号和双引号一样用
//for in:遍历对象的属性
var person = {
height: "65kg",//属性
weight: 165.00,
sex: true,
eat: function(){//方法
alert("我吃饭了");
},
sleep: function(n){//n:睡了几个小时
alert("睡了:"+n+"小时");
}
};
for(var x in person){
alert("属性是:"+x+"--属性值:"+person[x]
+"--属性类型-"+typeof(person[x]));
}
//一个数组里面可以有多个类型的值,java里不可以int[] s=[]
/*var s = [1,"hello",true,{},null];
for(var i = 0; i<s.length; i++){
alert(i+"---"+s[i]+"----"+typeof(s[i]));
}*/
/*switch(pwd){//case后面可以同时存在多种类型的数据,c和java不可以
case 123://123==='123' case比较:数字和类型都要相等
alert(123);
break;
case '123'://123==='123'
alert("我是字符串123");
break;
case "hello":
alert("hell");
break;
case true:
alert(true);
break;
default:
break;
}*/
/*var isExit = isExitName(username);
alert(isExit);
if(pwd=='123' && isExit){
alert("登陆成功");
}else{
alert("登录失败");
}*/
}
/*var a = 123;
var b = new Number(123);//int Integer
alert(a===b);
alert(a==b);*/
/* //Date
var d = new Date();
alert(d);
alert(d.getFullYear()+"-"+d.getMonth()+"-"+d.getDate()+
" "+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds());//yyyy-MM-dd HH:mm:ss
alert(d.getTime());//把日期直接转成long值,13位的数字,这个在php存储数据常用long值的日期
alert(d.getDay());//日期,0-6,周日是0,周一是1,周六是6*/
/*//String对象,和java的String类的方法几乎的一样的
var a = "I am a china";
alert(a.length);//长度属性,算上空格
alert(a.indexOf('c',4));//查找c字符的位置,第一个位置从0开始
alert(a.lastIndexOf('c',20));//从后往前查c的位置,20超过字符串长度,不报错
alert(a.substr(2,3));//截取字符串,从位置2开始截取,截取3个字符
alert(a.substring(2,3));//从2开始截取,截取到第3个位置,不包含第3个位置的字符
var b = a.split(" ");//以空格为分隔符,拆成数组
alert(b[1]);//数组应该是这样的:["I","am","a","china"]*/
//自定义一个对象
/*var person = {
height: "65kg",//属性
weight: 165.00,
sex: true,
eat: function(){//方法
alert("我吃饭了");
},
sleep: function(n){//n:睡了几个小时
alert("睡了:"+n+"小时");
}
};
alert("身高:"+person.height);//对象名字.属性
alert("体重:"+person.weight);
person.eat();//对象名字.方法或叫函数
person.sleep("18个");*/
/*//字符串+连接符
var a = 12;
var b = "12";
var c = a + b;
alert(c);//1212
var d = a + parseInt(b);//parseFloat,只有这2个
alert(d);//24*/
/*var a = 12;
var b = "12";
alert("==:"+(a==b));//只比较值是否相等
alert(a===b);//值和类型都相等*/
/*var a = 1;
var b = 1.0;
b = "haha";//js里面可以赋值为不同类型是数据
alert(typeof(b));//typeof是查看b的数据类型
b = true;
alert(typeof(b));//typeof是查看b的数据类型
var c;
alert(typeof(c));//undefined
var d = [];
alert(typeof(d));//object对象类型
*/
//几种住打印方式
//console.log("我是console打印");
//document.write('<h1>写入页面</h1>');
//document.getElementById("msg").innerHTML = "您用户名不对";
//alert("内嵌式引入js");
/*
多行注释
*/
function over(){
//给按钮改个背景,#fff RGB=red g=green blue
//document.getElementById("btn").style.backgroundColor = "#f00";
//$("#btn") jquery.js在原生js上进一步封装后,简化代码编写
document.getElementById("btn").className = "overClass";
}
function out(){
//document.getElementById("btn").style.backgroundColor = "#0f0";
document.getElementById("btn").className = "overClass";
}
function change(){
var txt = document.getElementById("txt").value;
if(txt.length>10){
alert("用户名长度不超过10");
}
}
alert(window.innerHeight+"---"+window.innerWidth);
function openNew(){
var d = new Date();
alert(typeof(d));
alert(String(d));
d.toString();
var s = "2019-12-12 12:12:12";
/*alert(typeof(String(123)));
alert(String(123+12.33));
var ss = "555qq55";
alert(parseInt(ss));
alert(parseFloat("999"));
/*window.location.href="";
window.history.back();
//window.document;//
location.href="http://www.baidu.com";
history.back();
history.forward();
history.go(1);
//location.reload();
//window.open("http://www.baidu.com");
//window.close();*/
}
</script>
<style type="text/css">
.overClass{
background-color:#F90;
width:400px;
height:80px;
}
.outClass{
background-color:#F60;
width:200px;
}
</style>
</head>
<body οnlοad="alert(6);">
<input type="button" id="btn" value="点我登陆" onClick="openNew()"
onMouseOver="over()" onMouseOut="out()"/>
<input type="text" id="txt" value="我是文本框" onChange="change()"/><!-- onFocus="alert('获取焦点');"onBlur="alert('我失去焦点了')" -->
<span id="msg"></span>
</body>
</html>