<html>
<head>
<meta charset="UTF-8">
<title>页面内嵌入</title>
<script language="javascript">
	var now=new Date();//实例化Date()对象
	var hour=now.getHours();//获取当前的小时
	var minu=now.getMinutes();//获取当前的分钟
	alert("您好！现在是"+hour+":"+minu+"\r欢迎访问我公司的网站!");
</script>	
</head>
<body>
</body>
</html>

🎏（2）结果

✨2.链接外部

🎏（1）Javaweb项目目录

🎏（2）.jsp中和.js中的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接外部</title>
<script language="javascript"src="js.js"></script>
</head>
<body>
</body>
</html>

alert("这是链接外部的JavaScript");

🎏（3）结果

❤️四、JavaScript和java的区别

❤️五、Ajax技术

✨1.定义

✨2.核心技术

✨3.Ajax流程及图解

🎏（1）传统的web流程

传统的web每次执行操作都要触发一次http请求

🎏（2）Ajax流程

Ajax应用利用JavaScript的调用，将信息传输给Ajax引擎，再由该引擎来决定是否触发http请求

🎏（3）步骤

✨4.优点

🎏（1）.减轻服务器负担

🎏（2）.将部分工作利用客户端闲置资源进行处理，节约空间和资源

🎏（3）.无需刷新页面

❤️六、jquery技术

✨1.定义

✨2.jquery库的下载

🎏（1）

🎏（2）

🎏（3）

🎏（4）

✨3.jquery的使用

🎏（1）Javaweb项目目录

🎏（2）.jsp代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- type表文档格式,src表文件路径 -->
<script type="text/javascript"src="jquery-3.6.0.min.js"></script>
<title>JQuery的使用</title>
<script>
	$(document).ready(function(){//表文档加载完后调用function()函数
		$("a").click(function(){//获取超链接对象，添加单击事件
			alert("我的第一个JQuery脚本");
		});
	});
</script>
</head>
<body>
	<a href="#">弹出提示对话框</a>
</body>
</html>

🎏（3）结果