avaScript:
是一种基于对象和事件驱动客户端脚本语言
1:创建JavaScript脚本片段(在脚本语言内)
HTML4版本:
<script language="JavaScript"type="text/javascript"></script>
HTML5版本:
<script></script>
外部样式表:
<head>
<Link rel="stylesheet"type="text/css"href="mystyke.css">
</head>
内部样式表:
<head>
<style type=text/css>
h1{color.sienna;}
p{font-size:20px;}
</style>
</head>
js练习
1,根据客户电脑时间,在指定位置输出问候语(div)
简化:
<1>根据电脑时间,我们需要获取电脑时间,获取时间的方法
<2>:需要变量来存储
<3>:判断分支语句
<4>:获取指定div的id或者class,获取元素的方法
<5>:然后用变量存储获取的元素
<6>:通过元素来添加时间内容
<body>
<div id="one"style="color: #255e95; width:100px;height:100px;border:1px solid red"></div>
<script>
var date=new Date();
var hours=date.getHours();
var text=document.getElementById("one");
if( hours<=12){
text.innerHTML="上午好"
}else if ( hours<=18){
text.innerHTML="中午好"
}else if( hours<=24){
text.innerHTML="晚上好"
}
</script>
</body>
js练习:
getElementByld() | 返回对拥有指定id的第一个对象的引用 |
---|---|
getElementByName() | 返回带有指定名称的对象的集合 |
getElementsByTagName() | 返回带有指定标签名的对象的集合 |
– | – |
write() | 文档写文本,HTML表达式或JavaScript代码 |
Date()内置函数
var today=new Date();//获得当前时间
var hh=today.getHours();//获得小时,分钟,秒
var mm=today.getMinutes();
var ss=today.getSeconds();