javascript和html的区别及其应用

最新推荐文章于 2025-07-04 10:34:25 发布

原创最新推荐文章于 2025-07-04 10:34:25 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #html中写入script代码

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTML作为网页开发的基础语言，以及如何通过JavaScript增强网页功能，包括动态内容展示和日期操作等实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>