fis相关标签介绍

最新推荐文章于 2021-02-25 06:21:15 发布

asialee029

最新推荐文章于 2021-02-25 06:21:15 发布

阅读量146

点赞数

分类专栏： javascript 文章标签： fis fis-java-jsp

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

fis简介

fis在github上的开源地址为： https://github.com/fouber/fis-java-jsp
关于fis的几个接口的实现
fis:html
- 它是一个标识性的一个标签，表明html页面需要fis进行处理
- 他必须要以结束
- 其他的标签必须要位于和之间
fis:div
- 类似于html标签，在ajax调用中非常有用
fis:styles
- 是一个占位符，页面中的所有的css以后会被fis收集在这个地方
- 一般来说是放在之前
fis:scripts
- 是一个占位符，页面中的所有的js以后会被fis收集在这个地方
- 用户写的js也会按照顺序收集在这个地方
- 一般来说是放在之前
fis:require
- 用于表示它依赖一个js或者css文件，可以在页面位置的任意地方写

一个典型的页面实现可能如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="fis" uri="http://fis.baidu.com/tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<fis:html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
        <fis:styles/>
</head>
<body>
        我是body
        <fis:script>
        console.log("11111111");
        </fis:script>
        <fis:require name="resources/lib/bootstrap/css/bootstrap.css"></fis:require>
        <fis:require name="resources/lib/js/jquery.js"></fis:require>
        <fis:script>
        console.log("222222222");
        </fis:script>
        <fis:scripts/> 
</body>
</fis:html>

执行后的效果如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <title>Insert title here</title>
                <link rel="stylesheet" type="text/css" href="resources/lib/bootstrap/css/bootstrap.css"/>
        </head>
        <body>
                我是body
                
                
                <script type="text/javascript" src="resources/lib/js/jquery.js"/>
                <script type="text/javascript">
                console.log("11111111");
                </script>
                <script type="text/javascript">
                console.log("222222222");
                </script>
        </body>
</html>

asialee029

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
fis相关标签介绍

fis简介fis在github上的开源地址为： https://github.com/fouber/fis-java-jsp关于fis的几个接口的实现fis:html它是一个标识性的一个标签，表明html页面需要fis进行处理他必须要以结束其他的标签必须要位于和之间fis:div类似于html标签，在ajax调用中非常有用fis:style...
复制链接

扫一扫

专栏目录