自定义数据绑定formate函数

迷南。 2022-06-14 07:27 157阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <div id="div">
        <span id='span'>
    
        </span>
    
    </div>
    </body>
    </html>
    <script> window.onload=function(){ var isLogin=true; if(isLogin){ Login() }else{ noLogin() } } // 对于简单的绑定，我们可以使用一个函数，大家只需要学会使用就可以了。至于原理我们以后会讲解 // 要想懂得如下正则表达式，需要掌握如下知识点： // \w 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。 // \W 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。 // 这里表示寻找到以@开头的字符串，然后用数据替换@之后同名数据 // replace的用法， // 第一个参数：正则表达式，第二个参数：处理函数： // 处理函数的第一个参数：匹配的字符串，第二个参数：括号中的值 function formateString(str, data){ return str.replace(/@\((\w+)\)/g, function(match, key){ return typeof data[key] === "undefined" ? '' : data[key]}); } //登录成功后 -简单的绑定 function LoginOld(){ var user={name:'博主'} var span = document.getElementById("span"); span.innerHTML = "欢迎"+user.name+'来到百度世界'; }; function Login(){ var user={name:'博主'} var span = document.getElementById("span"); span.innerHTML = formateString("欢迎@(name)来到百度世界",user) }; </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaFX 控件绑定自定义Tooltip

控件绑定自定义Tooltip，自己设置显示位置和显示延时。示例如下： package ch06; import javafx.application

迈不过友情╰/ 2023年10月15日 09:44/ 0 赞/ 101 阅读

相关 Vue-组件自定义事件(绑定和解绑)

组件自定义事件(绑定) 像click,change这些都是js的内置事件，我们可以直接使用，本次我们学习自己根据需求打造全新的事件，但是js内置的是给html元素用的,本

分手后的思念是犯贱/ 2023年10月12日 19:36/ 0 赞/ 47 阅读

相关 21-绑定自定义事件

绑定自定义事件一、利用自定义事件获取子组件的值父组件给子组件绑定一个自定义事件，实际上是绑定到了子组件的实例对象vc上： <!-- 自定义myEven

旧城等待，/ 2023年10月08日 18:07/ 0 赞/ 12 阅读

相关 JavaScript自定义快捷函数绑定

当需要频繁地为名称唯一的元素(id选择器)绑定点击事件时，宜采用JS OOP的有关思想降低代码的耦合度以提高代码的重用性。 <input type="submit"

曾经终败给现在/ 2022年12月22日 15:26/ 0 赞/ 132 阅读

相关编写自定义的模型绑定器

接手了一个重构旧项目的任务，后端是PHP的，前端用的几个零散的东西。重构的原则是前端基本不动，后端改造成 dotnetcore 。过程基本顺利，遇到的一个问题的解决方式觉

待我称王封你为后i/ 2022年11月29日 03:06/ 0 赞/ 119 阅读

相关自定义数据绑定formate函数

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

迷南。/ 2022年06月14日 07:27/ 0 赞/ 158 阅读

相关 SpringMvc 参数绑定自定义对象

springmvc我们经常在写controller一般都接受两种方式，一种是form提交，一种是json提交，下面就来介绍如何在这两种方式中将提交的数据自动绑定到自定义对象中。

ゞ浴缸里的玫瑰/ 2022年05月23日 00:23/ 0 赞/ 231 阅读

相关 Sublime自定义快捷键（绑定插件）

> 本文已在本人博客[https://www.nsxsg.com/archives/79][https_www.nsxsg.com_archives_79]首发文章目录

左手的ㄟ右手/ 2022年04月03日 08:18/ 0 赞/ 369 阅读

相关数据绑定

什么是数据绑定呢？把WXML 中的⼀些动态数据分离出来放到对应的js⽂件的 Page 的 data⾥ <view>{ {username}}，您已登录

布满荆棘的人生/ 2021年07月24日 20:11/ 0 赞/ 487 阅读

相关自定义参数绑定（日期）

出现错误： HTTP Status 400 – Bad Request Type Status Report Description The server cannot ...

小鱼儿/ 2021年04月27日 15:24/ 0 赞/ 516 阅读