企业网站页脚,模版免费网站,wordpress 音乐,商贸行业网站建设公司一、自定义属性 我们知道#xff0c;在前端页面渲染的过程中#xff0c;我们可能会需要用到一些后端传来的参数#xff0c;这种参数的获取我们一般是通过模板语言渲染得到。但是当这些参数是在js文件中被用到#xff08;js代码若是单独以文件形式被引用#xff0c;模板语言…一、自定义属性 我们知道在前端页面渲染的过程中我们可能会需要用到一些后端传来的参数这种参数的获取我们一般是通过模板语言渲染得到。但是当这些参数是在js文件中被用到js代码若是单独以文件形式被引用模板语言不能被渲染时怎么办呢我们可以在页面写一个无实际用处的标签通过给此标签自定义属性用于存放我们想要的的参数。实例如下 然后我们就可以在js代码中找到此标签后便可以取到其相应的自定义属性应用实例如下 二、json补充 如下图讲述了js和python中关于json对象所能接受的类型均只能序列化所示的5中数据类型对于date对象显然是不可以用json进行序列化但是我们models中的时间类型存的就是date对象如果需要将此date对象通过序列化传至前端我们怎么办呢 如下例在python中通过strftime将date对象转换为指定形式的时间字符串然后便可进行序列化实例如下 三、js中字符串对象函数及方法 具体方法及函数介绍如下 x.length 获取字符串的长度x.toLowerCase() 转为小写x.toUpperCase() 转为大写x.trim() 去除字符串两边空格 字符串查询方法x.charAt(index) str1.charAt(index);获取指定位置字符其中index为要获取的字符索引x.indexOf(findstr,index)查询字符串位置
x.lastIndexOf(findstr) x.match(regexp) match返回匹配字符串的数组如果没有匹配则返回null
x.search(regexp) search返回匹配字符串的首字符位置索引示例var str1welcome to the world of JS!;var str2str1.match(world);var str3str1.search(world);alert(str2[0]); // 结果为worldalert(str3); // 结果为15子字符串处理方法x.substr(start, length) start表示开始位置length表示截取长度
x.substring(start, end) end是结束位置x.slice(start, end) 切片操作字符串示例var str1abcdefgh;var str2str1.slice(2,4);var str3str1.slice(4);var str4str1.slice(2,-1);var str5str1.slice(-3,-1);alert(str2); //结果为cdalert(str3); //结果为efghalert(str4); //结果为cdefgalert(str5); //结果为fgx.replace(findstr,tostr) 字符串替换x.split(); 分割字符串var str1一,二,三,四,五,六,日; var strArraystr1.split(,);alert(strArray[1]);//结果为二x.concat(addstr) 拼接字符串 在js中对字符串进行切片需要用到slice方法具体应用实例如下 四、DOM对象聚焦 在我们的blog项目中我们需要对对已有的评论进行评论时我们需要点击相应的“回复”按钮点击完任意一个“回复”按钮我们都需要聚焦到评论输入框上这时候我们就要用到focus方法具体应用实例如下 五、js中parseInt 在html标签中的内容即使是数字但是当我们通过text方法取到其实际还是字符串的数据类型当我们需要将其转换成数据类型时我们就需要用到parseInt方法它就是将数字形式的字符串强转成数字类型的方法应用实例如下 转载于:https://www.cnblogs.com/seven-007/p/8120055.html
