举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > js文本输出怎么写 JSF 输出文本示例

js文本输出怎么写 JSF 输出文本示例

2023-06-18 18:18 Java教程

js文本输出怎么写 JSF 输出文本示例

js文本输出怎么写

JavaScript 文本输出是指在网页中显示文本内容的方法,它可以帮助我们将文本内容显示在网页上,从而使用户能够看到这些文本内容。

JavaScript 文本输出的方法很多,其中一种是使用 document.write() 方法。该方法可以将文本内容直接输出到 HTML 页面中,例如:

document.write("Hello World!");

另一种 JavaScript 文本输出的方法是使用 innerHTML 属性。该属性可以将文本内容插入到 HTML 元素中,例如:

document.getElementById("demo").innerHTML = "Hello World!";

此外,还可以使用 console.log() 方法来输出文本内容。该方法可以将文本内容输出到浏览器的控制台中,例如:

console.log("Hello World!");

此外,还可以使用 alert() 方法来弹出对话框并显示文本内容。该方法会弹出一个对话框并显示所传递的字符串信息,例如:

alert("Hello World!");

此外还可以使用 document.createTextNode() 方法来创建一个包含文本内容的 DOM 节点。然后将该 DOM 节点添加到 HTML 页面中即可显示文本内容。例如:

JSF 输出文本示例

JSF教程 - JSF 输出文本示例


h:outputText标签渲染HTML文本。

下面的JSF代码

<h:outputText value="Hello World!" />

被渲染为以下HTML代码。

Hello World!

标签属性

属性描述
id标签的标识
binding引用在backing bean中使用的组件
rendered布尔值; false将抑制渲染
styleClass级联样式表(CSS)类名称
value值绑定
converter转换器类名
style内联样式信息
title用于辅助功能的标题。 浏览器通常为标题的值创建工具提示

例子

以下代码来自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">

    <h:body>
      <h1>JSF 2.0 h:outputText Example</h1>
      <ol>
      <li>#{user.text}</li>
      
     <li><h:outputText value="#{user.text}" /></li>
    
    <li><h:outputText value="#{user.text}" styleClass="abc" /></li>
    
    <li><h:outputText value="#{user.htmlInput}" /></li>
    
    <li><h:outputText value="#{user.htmlInput}" escape="false" /></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{

  public String text = "This is Text!";
  public String htmlInput = "<a href="http://www..cn">www..cn</a>";
  
  public String getText() {
    return text;
  }
  public void setText(String text) {
    this.text = text;
  }
  public String getHtmlInput() {
    return htmlInput;
  }
  public void setHtmlInput(String htmlInput) {
    this.htmlInput = htmlInput;
  }
  
}
下载 OutputText.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是编程学为你收集整理的js文本输出怎么写 JSF 输出文本示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部