2.2 HTML插入值
JSP可以允许在页面中插入变量的值。例如下面的代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><% String str="老虎" ;%>动物园里面有<%=str%>
执行后页面显示的是“老虎出现了”。str的值插入页面,是以<%=str%>的形式出现。标签比java代码块多了一个“=”号,后面接表达式或者函数调用,必须可以计算一个值出来,最后不用写分号。这里还需要注意一个问题,str这个变量,必须在前面已经定义过。
这种写法除了可以动态显示网页内容,还可以写入HTML元素的属性值、JavaScript代码,CSS等等。下面的例子将显示这三种情形:
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %><% String str="老虎" ; String url="http://www.baidu.com" ; String color="#ccc" ;%><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 标题 </title> <style> body{ background:<%=color%> ; } </style> <script type="text/javascript"> alert("<%=url%>"); </script> </head> <body> <span>动物园里面有<%=str%></span> </body></html>
结合表格,我们接下来完成一个九九乘法表:
<%@page language="java" contentType="text /html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 九九乘法表 </title> <link rel="stylesheet" href="https://www.codessp.cn/css/bootstrap.min.css" /> </head> <body> <table class="table table-striped table-bordered table-hover table-condensed"> <% for (int i=1; i<=9; i++) { %> <tr> <% for (int j=1; j<=9; j++) { %> <td><%=i%>x<%=j%>=<%=i * j%></td> <% } %> </tr> <% } %> </table> </body></html>
这里的表格样式加入了css的一个框架bootstrap