JavaScript（简称JS）是一种轻量级的脚本语言，它是一门弱类型、动态的、基于原型的语言。它可以用来开发各种Web应用，包括浏览器游戏、服务器端应用、桌面应用以及手机应用。
JS 是一门多范式的语言，它支持面向对象编程，函数式编程，命令式编程以及其他形式的编程。它也是一门交互性语言，可以与 HTML 和 CSS 结合使用来创建功能丰富的 Web 应用。
// 使用 JavaScript 在页面上显示文字
document.write("Hello World!");
JS 还具有很多内建函数，这些函数可以帮助我们快速地实现特定功能。例如：Math.max() 函数可以帮助我们快速地找到一个数字列表中的最大值。此外，JS 还具有很多高阶函数，例如 map()、reduce() 和 filter() 等函数。这些函数可以帮助我们快速地处理大量数据。
// 使用 JavaScript 找到一个整形列表中的最大值 let numbers = [1, 2, 3, 4, 5]; let max = Math.max(...numbers); // 5
此外，JS 还具有很多内建对象，这些对象可以帮助我们快速地实现特定功能。例如 Date 对象可以帮助我们快速地根据时间标准来标注时间信息。此外，JS 还具有很多高阶对象，例如 Promise 和 Set 等对象。这些对象可以帮助我们快速地处理大量信息。
// 使用 JavaScript 获得当前时间 let now = new Date(); console.log(now); // Mon Jul 13 2020 11:45:00 GMT+0800 (中国标准时间)
h:graphicImage标签渲染类型为“img"的HTML元素。
下面的代码
<h:graphicImage value="//www..cn/jsf.png"/>
将呈现为以下HTML标记。
<img src="//www..cn/jsf.png" />
| 属性 | 描述 |
|---|---|
| id | 标签的标识 |
| binding | 引用在backing bean中使用的组件 |
| rendered | 布尔值; false将抑制渲染 |
| styleClass | 级联样式表(CSS)类名称 |
| value | 值绑定 |
| valueChangeListener | 响应值更改的方法绑定 |
| converter | 转换器类名 |
| validator | 附加到组件的验证器的类名 |
| required | 布尔值; 如果为true，则根据需要标记标签 |
| accesskey | 给予一个元素的焦点 |
| accept | 表单的内容类型的逗号分隔列表 |
| accept-charset | 表单的字符编码的逗号或空格分隔列表。 |
| alt | 非文字元素(例如图片)的替代文字 |
| border | 元素的边框宽度的像素值 |
| charset | 链接资源的字符编码 |
| coords | 形状为矩形，圆形或多边形的元素的坐标 |
| dir | 文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。 |
| disabled | 输入元素或按钮的禁用状态 |
| hreflang | 使用 href 属性指定的资源的基本语言; |
| lang | 元素的属性和文本的基本语言 |
| maxlength | 文本字段的最大字符数 |
| readonly | 输入字段的只读状态 |
| style | 内联样式信息 |
| tabindex | 指定制表符索引的数值 |
| target | 打开文档的框架的名称 |
| title | 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 |
| type | 链接类型; 例如样式表 |
| width | 元素的宽度 |
| onblur | 失去焦点的事件处理程序 |
| onchange | 值更改的事件处理程序 |
| onclick | 鼠标按钮的事件处理程序点击该元素 |
| ondblclick | 双击鼠标按钮的事件处理程序 |
| onfocus | 元素接收焦点的事件处理程序 |
| onkeydown | 按键的事件处理程序 |
| onkeypress | 键按下并释放的事件处理程序 |
| onkeyup | Key的事件处理程序发布 |
| onmousedown | 鼠标按钮的事件处理程序 |
| onmousemove | 鼠标移动的事件处理程序 |
| onmouseout | 鼠标左的事件处理程序 |
| onmouseover | 鼠标移动到的事件处理程序 |
| onmouseup | 释放鼠标按钮的事件处理程序 |
| onreset | 表单重置的事件处理程序 |
| onselect | 选择文本的事件处理程序 |
| immediate | 在生命周期的早期进行过程验证 |
以下代码来自demo.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!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"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<ol>
<li>Normal way - <h:graphicImage value="resources/images/myImage.png" /></li>
<li>Library way - <h:graphicImage library="images" name="myImage.png" /></li>
</ol>
</h:body>
</html>
下面的代码来自UserBean.java。
package cn..common;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean{
}
以下代码来自login.xhtml。
<?xml version="1.0" encoding="UTF-8"?>
<!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"
xmlns:h="http://java.sun.com/jsf/html"
>
<h:body>
<h1>login.xhtml</h1>
</h:body>
</html>下载GraphicsImage.zip将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder / bin / startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
Java设计模式 - 命令模式命令模式是数据驱动设计模式它是行为模式之一。请求被作为命令的对象包装传递给invoker对象。Invoker对...
Java面向对象设计 -Java方法重写方法重写重新定义从超类继承的类中的实例方法称为方法重写。例子让我们考虑类A和类B的以下声明:p...
Java面向对象设计 -Java枚举比较您可以通过三种方式比较两个枚举常量：使用Enum类的compareTo()方法使用Enum类的equals()方法使...
JavaFX教程 -JavaFX FlowPaneFlowPane根据可用的水平间距布置一行中的节点当水平空间小于所有节点“宽度"的总和时，将节点包裹到...
Java 实例 - 向文件中追加数据 Java 实例以下实例演示了使用 filewriter 方法向文件中追加数据：import java.io.*;public class ...