javascript模板-ICanHaz.js

最新推荐文章于 2024-04-12 10:00:42 发布

九木旭

最新推荐文章于 2024-04-12 10:00:42 发布

阅读量385

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xdprintf/article/details/49558933

版权

javascript 专栏收录该内容

63 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>ICanHaz.js Demo</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="ICanHaz.js" ></script>

    <script id="user" type="text/html">
        <li>
            <p>Hi I&apos;m <a href="http://twitter.com/{{ twitter }}">@{{ twitter }}</a></p>
            <p>I work for {{ employer }} as a {{ job_title }}.</p>
        </li>
    </script>

    <script type="text/javascript">
        // when the dom's ready
        $(document).ready(function () {
            // add a simple click handler for the "add user" button.
            $('#add_user').click(function () {
                var user_data, user;

                // build a simple user object, in a real app this
                // would probably come from a server somewhere.
                // Otherwise hardcoding here is just silly.
                user_data = {
                    name: "Henrik Joreteg",
                    twitter: "HenrikJoreteg",
                    employer: "&yet",
                    job_title: "JS nerd"
                };

                // Here's all the magic.
                user = ich.user(user_data);

                // append it to the list, tada!
                //Now go do something more useful with this.
                $('#user_list').append(user);
            });
        });
    </script>

    <style>
        body {
            font-family: Helvetica;
        }
    </style>
</head>
<body>
<h1>ICanHaz.js Demo</h1>
<h3>User List</h3>
<button id="add_user">Add User</button>
<ul id="user_list"></ul>
</body>
</html>

官网地址http://icanhazjs.com/

九木旭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript模板-ICanHaz.js

html>html>head> title>ICanHaz.js Demotitle> script src="http://code.jquery.com/jquery-latest.min.js">script> script src="ICanHaz.js" >script> script id="user" type="text/html"> li>
复制链接

扫一扫

专栏目录