gpt4 book ai didi

javascript - 使用自定义 HTML 标签并用outerHTML 替换自定义标签可以吗?

转载 作者:行者123 更新时间:2023-11-28 09:24:45 26 4
gpt4 key购买 nike

可以定义和使用自定义标签吗? (这不会与 future 的 html 标签冲突)-同时通过更改 externalHTML 来替换/渲染这些标签??

我在下面创建了一个演示,它似乎工作正常

    <!DOCTYPE HTML>    <html lang="en-US">    <head>        <script type="text/javascript" src="jquery.min.js"></script>    </head>    <body>    <div id="customtags">        <c-TextField name="Username" ></c-TextField> <br/>        <c-NameField name="name" id="c-NameField"></c-NameField> <br/>        <c-TextArea name="description" ></c-TextArea> <br/>        <blahblah c-t="d"></blahblah>    </div>    </body>    <script>    /* Code below to replace the cspa's with the actual html -- woaah it works well */            function ReplaceCustomTags() {            // cspa is a random term-- doesn;t mean anything really            var grs = $("*");             $.each(grs, function(index, value) {                var tg = value.tagName.toLowerCase();                if(tg.indexOf("c-")==0) {                    console.log(index);                    console.log(value);                    var obj = $(value);                    var newhtml;                    if(tg=="c-textfield") {                        newhtml= '<input type="text" value="'+obj.attr('name')+'"></input>';                    } else if(tg=="c-namefield") {                        newhtml= '<input type="text" value="FirstName"></input><input type="text" value="LastName"></input>';                    } else if(tg=="c-textarea") {                        newhtml= '<textarea cols="20" rows="3">Some description from model</textarea>';                    }                    obj.context.outerHTML = newhtml;                }                z = obj;            });        }        if(typeof(console)=='undefined' || console==null) { console={}; console.log=function(){}}        $(document).ready(ReplaceCustomTags);    </script>    </html>
<小时/>

更新问题:

让我进一步解释一下。请假设浏览器已启用 JavaScript - 即应用程序不应在没有 JavaScript 的情况下运行。

I have seen libraries that use custom attributes to define custom behavior in specified tags. For example Angular.js heavily uses custom attributes. (It also has examples on custom-tags). Although my question is not from a technical strategy perspective - I fail to understand why it would strategically cause problems in scalability/maintainability of the code.

Per me code like <ns:contact .....> is more readable than something like <div custom_type="contact" ....> . The only difference is that custom tags are ignored and not rendered, while the div type gets rendered by the browser

Angular.js 确实显示了自定义标签示例( Pane /选项卡)。在上面的示例中,我使用outerHTML来替换这些自定义标签 - 虽然我在库中没有看到这样的代码 - 我是否通过使用outerHTML来替换自定义标签做了一些短视和错误的事情?

最佳答案

我想不出您想要这样做的原因。

如果您必须从事由其他人编写的忽略所有常见实践和约定的项目,您会怎么想?如果他们不再在公司寻找他们为什么以某种方式做某事,会发生什么?

事实上,您必须使用 JavaScript 才能使其正常工作,这应该是一个巨大的危险信号。除非您有充分的理由,否则请帮自己一个忙并使用预先存在的标签。六个月后,您还会记得为什么这样做吗?

关于javascript - 使用自定义 HTML 标签并用outerHTML 替换自定义标签可以吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14552746/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com