您的位置：首页 > Web前端 > JavaScript

javascript和html的区别及其应用

2016-06-29 14:10 573 查看

HTML是最简单的编程语言，也是基础，学网页开发的都要先学这一门，它做出来的是静态的
而JAVASCRIPT是脚本语言，跟html结合起来生成功能更强大的网页，如动态导航、图片等等。这两种语言是性质完全不同的语言，

下面看一个例子：

很简单的的例子在html中加入js脚本，或去当期的日期或者是设置一个日期：

或取当前的日期：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>或去当前的日期</title>
</head>

<body>

<script language="javascript">
<!--
var cur = new Date();		// 创建当前日期对象cur
var years = cur.getYear();	// 从日期对象cur中取得年数
var months = cur.getMonth();	// 取得月数
var days = cur.getDate();	// 取得天数
var hours = cur.getHours();	// 取得小时数
var minutes = cur.getMinutes();	// 取得分钟数
var seconds = cur.getSeconds();	// 取得秒数
// 显示取得的各个时间值
alert( "此时时间是：" + years + "年" + (months+1) + "月"
+ days + "日" + hours + "时" + minutes + "分"
+ seconds + "秒" );
-->
</script>

</body>
</html>
设置当前的日期：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>设置日期</title>
</head>

<body>

<script language="javascript">
<!--
var dateObj = new Date();	// 创建一个日期对象
dateObj.setYear( 2007 );	// 设置日期对象的年份
dateObj.setDate( 20 );		// 设置日期对象的日期
dateObj.setMonth( 4 );		// 设置日期对象的月份
// 显示日期对象中的时间
alert( "dateObj中设定的时间为：" + dateObj.getYear() + "年"
+ dateObj.getMonth() + "月" + dateObj.getDate() + "日" );
-->
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript html html中写入script代码

相关文章推荐

新的分享

章节导航