日度归档:2020年5月23日

javascript 中如何使用js代码在html代码中自定义一个字符串格式化方法呢?


摘要:
下文讲述ES6(ES2015)以前javascript处理格式化字符串的方法分享,如下所示:

实现思路:
    使用正则表达式将格式化字符串中的信息替换掉,即可达到格式化字符串的目的

我们深知在ES6中,我们可以直接采用“的方式定义字符串模式,那么在以前的js代码中我们该如何处理此类信息呢?
下文将一一道来,如下所示:

 <meta charset ='utf-8' />
<p>
  maomao365.com <br />
  javascript js 格式化字符串
</p>
<hr /> 
 <script>
 String.prototype.Format = function (args) { 
               var temp = this.replace(/\{(\w+)\}/g, function (k1, k2) {
                  return args[k2];
              });
              /*自定义方法Format将格式化后的字符串返回*/
              return temp;
        };
/*方法测试*/
str = "My name is {name},{age} years old."
document.write(str.Format({name:"maomao365.com", age:88}));
</script>
js字符串模板的示例分享

js字符串模板的示例分享

javascript jquery脚本如何对html对象中table的tr进行复制、删除等操作呢?


摘要:
下文讲述使用jquery框架对tr进行copy delete操作的示例说明,如下所示:

实现思路: 
    1.复制tr方法
         var tr = $("#tableId tr").eq(0).clone();
               tr.appendTo("#tableId");
              //tr.insertBefore("#tableId tr:last");
    
    2.删除tr方法
          $("#tableId tr").eq(index).remove();
          tableId为table标签的id index为tr的下标

    3.tr总行数获取
         $("#tableId tr").length

例:

<meta charset ='utf-8' />
<p>
  maomao365.com <br />
  jquery对table中tr的操作方法分享
</p>
<hr />
 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
 <script>
  $(
    function(){

	  $("#btn1").click(function(){
		   var tr = $("#tableId tr").eq(2).clone();//复制第三行数据
               tr.appendTo("#tableId");
	  });

      $("#btn2").click(function(){
		   $("#tableId tr").eq(3).remove();
	  });	


      $("#btn3").click(function(){
		   $("#msg").html(($("#tableId tr").length));
	  });	
     
    });
 </script>
 <input type="button" value="新增tr" id="btn1" />
 <input type="button" value="删除tr" id="btn2" />
 <input type="button" value="tr行数" id="btn3" />
<br />
<table  border="1" id="tableId" >
 <tr><td>keyId<td>备注</tr>
  <tr><td>1<td>猫猫教程</tr>
  <tr><td>2<td>maomao365.com</tr>
</table>
<br />
<span id="msg" style="color:green;font-weight:bold;">
</span>
jquery对tr复制和删除及个数统计的示例分享

jquery对tr复制和删除及个数统计的示例分享

javascript 如何使用js代码禁用页面input select textarea控件呢?


摘要:
下文讲述javascript中使用js代码禁用页面控件的方法分享,如下所示:

实现思路: 
    1.使用DOM getElementsByTagName方法获取html页面上的标签对象
    2.使用setAttribute方法为标签添加禁用属性 

例:


for(i=0;i<document.getElementsByTagName('input').length;i++)
{
 document.getElementsByTagName('input')[i].setAttribute('disabled','disabled')
}
for(ii=0;ii<document.getElementsByTagName('textarea').length;ii++)
{
 document.getElementsByTagName('textarea')[ii].setAttribute('readonly','readonly')
}
for(iii=0;iii<document.getElementsByTagName('select').length;iii++)
{
 document.getElementsByTagName('select')[iii].setAttribute('disabled','disabled')
}