JavaScript 链接是一种用于在 HTML 文档中创建链接的特殊标记。它可以用来链接到其他网页，文件，图像或其他内容。JavaScript 链接可以在 HTML 文档中使用，也可以在 JavaScript 代码中使用。
JavaScript 链接有两种形式：内联链接和外部链接。内联链接是直接在 HTML 标记中定义的链接，而外部链接是通过 JavaScript 代码来定义的链接。
内联 JavaScript 链接通常使用 标签来定义，语法如下所示：
Link text
其中 href 属性是必要的，它包含要连接到的 URL 地址。Link text 属性是可选的，它包含要显示在文本上的文本。
外部 JavaScript 链接使用 document.createElement() 和 document.createTextNode() 来创建一个 标签并添加到文本中。语法如下所示：
var link = document.createElement("a"); // Create a element
link.href = "url"; // Set the href attribute
link.appendChild(document.createTextNode("Link text")); // Append the link text
document.body.appendChild(link); // Append the link to the body of the page
上述代码将创建一个带有 href 属性和 Link text 的 标签并添加到文本中。
JavaScript
h:Link标签渲染一个HTML“anchor"元素。
以下JSF标记
<h:link value="Page 1" outcome="page1" />
被渲染为以下HTML代码
<a href="/helloworld/page1.jsf">Page 1</a>
| 属性 | 描述 |
|---|---|
| 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 (从右到左)。 |
| hreflang | 使用 href 属性指定的资源的基本语言; |
| lang | 元素的属性和文本的基本语言 |
| maxlength | 文本字段的最大字符数 |
| readonly | 输入字段的只读状态 |
| rel | 当前页面和链接页面之间的关系 |
| rev | 将从 href 指定的锚点反向链接到当前文档。 |
| style | 内联样式信息 |
| tabindex | 指定制表符索引的数值 |
| target | 打开文档的框架的名称 |
| title | 用于辅助功能的标题。 浏览器通常为标题的值创建工具提示 |
| type | 链接类型; 例如样式表 |
| width | 元素的宽度 |
| onblur | 失去焦点的事件处理程序 |
| onchange | 值更改的事件处理程序 |
| onclick | 鼠标按钮的事件处理程序点击该元素 |
| ondblclick | 双击鼠标按钮的事件处理程序 |
| onfocus | 元素接收焦点的事件处理程序 |
| onkeydown | 按键的事件处理程序 |
| onkeypress | 键按下并释放的事件处理程序 |
| onkeyup | Key的事件处理程序发布 |
| onmousedown | 鼠标按钮的事件处理程序 |
| onmousemove | 鼠标移动的事件处理程序 |
| onmouseout | 鼠标左的事件处理程序 |
| onmouseover | 鼠标移动到的事件处理程序 |
| onmouseup | 释放鼠标按钮的事件处理程序 |
| onreset | 表单重置的事件处理程序 |
| onselect | 选择文本的事件处理程序 |
以下代码来自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>
<h:form>
<h:link value="Login page" outcome="login" />
<br/>
<h:link value="Login page + Param " outcome="login" >
<f:param name="username" value="mkyong" />
</h:link>
<br/>
<h:link outcome="login" >
<h:graphicImage library="images" name="myImage.png" />
</h:link>
<br/>
<h:commandLink value="Login page" />
<br/>
<h:commandLink action="#{user.goLoginPage}" value="Login page" />
<br/>
<h:commandLink action="#{user.goLoginPage}" value="Login page + Param ">
<f:param name="username" value="mkyong" />
</h:commandLink>
<br/>
<h:commandLink action="#{user.goLoginPage}">
<h:graphicImage library="images" name="myImage.png" />
</h:commandLink>
<br/>
<h:outputLink>Login page</h:outputLink>
<br/>
<h:outputLink value="login.xhtml" >Login page</h:outputLink>
<br/>
<h:outputLink value="login.xhtml">
<h:outputText value="Login page" />
<f:param name="username" value="www..cn" />
</h:outputLink>
<br/>
<h:outputLink value="login.xhtml">
<h:graphicImage library="images" name="myImage.png" />
</h:outputLink>
</h:form>
</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{
public String goLoginPage(){
return "login";
}
}
以下代码来自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>
下载 Link-commandLink-outputLink.zip将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹，并运行Tomcat-Install-folder/bin/startup.bat。
Tomcat完成启动后，在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
JPA教程 -JPA查询本地查询结果类示例以下代码显示如何创建本机命名查询。@Entity@Table(name = "EMP")@NamedNativeQuery(name = ...
JPA教程 -JPA查询IN示例IN表达式可以检查单值路径表达式是否是集合的成员。集合可以内联定义为一组字面值，或者可以从子查询派生...
Java设计模式 - 抽象工厂模式抽象工厂模式是另一个创建模式。抽象工厂模式，也称为工厂的工厂，有一个工厂创建其他工厂。当使用...
Java设计模式 -责任链模式责任链模式为请求创建一个接收者对象列表。这种模式是行为模式。当使用责任链模式时，通常每个接收器包...
Java设计模式 - 组合模式组合模式是结构型模式，因为它创建了一组对象的树结构。 组合模式将一组对象视为单个对象。组合模式使用...