WEB笔记 3-12
javaScript是一种基于对象和事件驱动的客户端脚本语言。
1.JavaScript特点:
<1>.是一种解释性脚本语言(代码不进行预编译)。
<2>.主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
<3>.可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
JavaScript基本结构
<script type="text/javascript">
<
JavaScript 语句;
>
</script >
3.引用JavaScript的方式:
<1>.html5版本:
使用标签
<2>.使用外部JavaScript文件:
<script src="export.js" type="text/javascript"></script>
<3>.在属性值中使用JavaScript:
<input type="button" value="提交" onclick="alert(确定要提交吗)";/>
js实例
1.根据用户输入时间,输出问候语
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
a = prompt("请输入时间。")
if(a<12){
document.write("早上好")
}else if(a<18){
document.write("下午好")
} else if(a<24){
document.write("该休息了")
}
</script>
</head>
<body>
</body>
</html>
2.根据客户电脑时间,在指定位置输出问候语(div)
<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>