自定义数据绑定formate函数

迷南。 2022-06-14 07:27 220阅读 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 条评论，220人围观）

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

相关阅读

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

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

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

相关 21-绑定自定义事件

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

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

相关 Vue自定义双向绑定

父子组件双向绑定v-model > 非表单元素  <template> <h1>{ { mess

太过爱你忘了你带给我的痛/ 2023年06月25日 07:56/ 0 赞/ 39 阅读

相关 DevExpress gridcontrol绑定自定义list数据，无法显示

![在这里插入图片描述][2020032518223253.png] ![在这里插入图片描述][20200325182256260.png] 调试了半天，一直不显示数据，断

系统管理员/ 2023年05月28日 09:53/ 0 赞/ 15 阅读

相关 Maven插件自定义绑定

除了内置绑定以外，用户还能够自己选择将某个插件目标绑定到生命周期的某个阶段上，这种自定义绑定方式能让Maven项目在构建过程中执行更多更富特色的任务。一个常见的例子是创建项

桃扇骨/ 2023年03月14日 10:53/ 0 赞/ 50 阅读

相关 JavaScript自定义函数——bind()事件绑定

直接拿走，兼容IE8 / 指定元素绑定响应函数 @param obj 绑定事件的对象 @param eventSt

深碍√TFBOYSˉ_/ 2023年02月16日 15:27/ 0 赞/ 43 阅读

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

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

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

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

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

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

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

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

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

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

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

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