javascript - 当我调制一个 JSP 文件时，我可以像这样包含它的 javascript 函数吗？

Question

如果有这样的JSP文件，

...
<div id="header" onclick="hideHeader()">
...
</div>
<div id="body">
...
</div>
<div id="footer">
...
</div>
<script>
 function hideHeader() { ... }
...
</script>
...

我想将“#header”部分调制到另一个 JSP 文件中。
但是有一个 Javascript 函数连接到“#header”上的点击事件。

在这种情况下，是否可以制作并包含一个新的 JSP 文件，如下所示？
我认为它看起来不太好，因为这样一来，html 代码之间可能会有几个“脚本”标签。

所以我想听听你对此的看法。
如果有更好的方法，请告诉我。
谢谢你。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div id="header" onclick="hideHeader()">
...
</div>
<script>
  function hideHeader() {...}
</script>

...
<%@ include file="header.jsp" %>
<div id="body">
...
</div>
<div id="footer">
...
</div>
<script>
...
</script>
...

标签： javascriptjsp