当前位置：首页 > 软件库 > 程序开发 > 模板引擎 >

JsHtml

JavaScript 模版引擎

授权协议 MIT

开发语言 JavaScript

所属分类程序开发、模板引擎

软件类型开源软件

地区不详

投递者慕承允

操作系统跨平台

开源组织无

适用人群未知

软件官网

官方下载

软件概览

JsHtml 提供简洁的 HTML、全 JavaScript 的模版引擎，灵感来自 ASP.NET MVC 中的 razor 视图引擎。可在浏览器使用，也支持 Node.js 。

示例模版 index.jshtml:

<html>
<head>
    <title>@locals.title</title>
</head>

<body>

<ul class="Task">
    @locals.taskList.forEach(function(task, index) {
        <li class="@(index % 2 ? "Odd" : "Even")">
            @tag('a', {href: '/task/' + task.id}, task.name)
        </li>
    });
</ul>

<ul class="Task">
    @for(var taskIndex = 0, taskCount = locals.taskList.length; taskIndex < taskCount; taskIndex ++){
        writePartial('task', {taskIndex: taskIndex, task: locals.taskList[taskIndex]});
    }
</ul>

<p>
if you like it, let me know!<br />
- <a href="mailto:elmerbulthuis@gmail.com">elmerbulthuis@gmail.com</a><br />
</p>

</body>
</html>

使用案例

matplotlib：将动画输出为动画文件、HTML（标签文本、文件、嵌入jupyter notebook）

当前有效matplotlib版本为：3.4.1。概述 FuncAnimation是matplotlib生成逐帧动画的常用类，它的工作原理就是按照一定时间间隔不断调用参数func对应的函数生成动画。 FuncAnimation的继承关系如下： matplotlib.animation.Animation→matplotlib.animation.TimedAnimation→matplotlib.
第二十四节：动态加载JS和动态加载CSS

1、动态加载JS 一般需要用到js，需要将js放到<script></<script>中，一般script放到页面底部；或者在顶部引入外部js。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/jscript" src="js/flexible.js"></
HTML+CSS+JS详解

Web概述 Web三要素：浏览器，服务器，HTTP协议 **HTML工作原理：**HTML是部署在服务器上的文本文件，根据HTTP协议浏览器发出请求给服务器，服务器做出响应给浏览器返回一个HTML，浏览器解释执行HTML，从而显示内容什么是HTML？ HTML是超文本标记语言（Hyper Text Markup Language）,一种纯文本类型的语言，用来设计网页的标记语言，用该语言编写的文件
js 实现 HTML 的拼接

在实际项目中经常会用到利用 js 实现动态的添加前端代码，如动态添加图片和表格。 js 动态添加 html 代码主要有两种方法： 1、appendChild( ) 来实现节点以及文本内容的添加。 2、拼接标签字符串，并用 innerHTML 来添加。具体实例： 1、appendChild( ) 方法： //通过 createElement()方法来添加一个 p 元素 var p = doc
vue css js html 进行分离

引入引入直接引入 <template> <div>This will be pre-compiled</div> </template> <script src="./my-component.js"></script> <style src="./my-component.css"></style>
HTML中 js刷新页面的几种方法

reload() 方法：该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) replace() 方法：该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用re
用JS在html页面实现打印功能

做项目时，有在网页实现全局和局部打印的需求，百度许久，现总结如下：打印方式一： 1.首先在head里面加入下面一段js代码： <script language="javascript"> function preview(fang) { if (fang < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!
JS里4种实现页面跳转的方法

介绍下JS里4种实现页面跳转的方法。window.location.href= 'url': 比较常用的方法，直接跟指定要跳转的地方。 window.history.back(-1);: 参见的浏览器返回上一个已访问的页面，直到访问最初访问的页面。 window.navigate("url");: navigate对象包含有关浏览器的信息，也可以作为页面跳转，后面直接加要跳转的地方。 top.lo
JS实现appendHTML

思路一： function appendHtml(elem,value){ var node = document.createElement("div"), fragment = document.createDocumentFragment(), childs = null, i = 0; node.innerHTML = val
js取出html页面中img标签、以及对应src地址

https://www.cnblogs.com/liuxiaoji/p/4772343.html

JsHtml

同类工具

相关阅读

相关文章

相关问答

相关文档