xslt转换XML为HTML遇到JS,CSS等问题

简介: 一开始把所有的内容放到一个模板里面,结果

一开始把所有的内容放到一个模板里面,结果<script总是被转义,折腾了半天,终于想出了个办法,用模板吧JS和css、html等分开果然是药到病除

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output
                method="html"
                encoding="utf-8"
                doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"
                doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" omit-xml-declaration="yes" />
    <xsl:template match="/">
    <html xmlns="http://www.w3.org/1999/xhtml">
     
      <xsl:call-template name="yy"></xsl:call-template>
      <xsl:call-template name="ss"></xsl:call-template>
     
    </html>
  </xsl:template>
  <xsl:template name="ss">
    <body>
      <table id="myDataTable" class="display">
        <thead>
          <tr>
            <th>
              标识
            </th>
            <th>
              公司名称
            </th>
            <th>
              地址
            </th>
            <th>
              城市
            </th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
      <input type="button" id="btnTest" value="根据条件重新响应后台Ajax" />




    </body>
    
  </xsl:template>

  <xsl:template name="yy">

    <head>
      <title>rrrrrrrrrrrrrrrrr</title>
 
      <script type="text/javascript" src="../../Content/media/js/jquery.js"></script>
      <script type="text/javascript" src="../../Content/media/js/dataTables.js"></script>
      
      <link href="../../Content/media/css/demo_page.css" type="text/css"  rel="stylesheet" />
      <link href="../../Content/media/css/demo_table.css" type="text/css"  rel="stylesheet" />

      <script type="text/javascript">
        var tbl;
        $(function () {
        tbl = $('#myDataTable').dataTable({
        "bServerSide": true,
        "sAjaxSource": "Home/AjaxHandler", //mvc后台ajax调用接口。
        'bPaginate': true, //是否分页。
        "bProcessing": true, //当datatable获取数据时候是否显示正在处理提示信息。
        'bFilter': false, //是否使用内置的过滤功能。
        'bLengthChange': true, //是否允许用户自定义每页显示条数。
        'sPaginationType': 'full_numbers', //分页样式
        "aoColumns": [
        { "sName": "ID",
        "bSearchable": false,
        "bSortable": false,
        "fnRender": function (oObj) {
        return '<a href="Details/' + oObj.aData[0] + '">View</a>';
        } //自定义列的样式
        },
        { "sName": "COMPANY_NAME" },
        { "sName": "ADDRESS" },
        { "sName": "TOWN" }
        ]
        });

        //Ajax重新load控件数据。(server端)
        $("#btnTest").click(function () {
        var oSettings = tbl.fnSettings();
        oSettings.sAjaxSource = "Home/AjaxHandler";
        alert(oSettings.sAjaxSource);
        tbl.fnClearTable(0);
        tbl.fnDraw();

        });
        });
      </script>




    </head>
  </xsl:template>
</xsl:stylesheet>
test
相关文章
|
1月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
11天前
|
前端开发 JavaScript
用HTML CSS JS打造企业级官网 —— 源码直接可用
必看!用HTML+CSS+JS打造企业级官网-源码直接可用,文章代码仅用于学习,禁止用于商业
54 1
|
16天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
32 3
|
19天前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
32 4
|
18天前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
45 0
html5+three.js公路开车小游戏源码
|
27天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
78 6
|
1月前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js
|
1月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
110 1
|
1月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
31 0
下一篇
无影云桌面