日度归档:2020年5月15日

javascript 如何获取文件的后缀名(文件类型)呢?


摘要:
下文讲述js获取文件类型的方法分享,如下所示:


实现思路:
1.使用lastIndexOf获取最后一个”.”字符的位置
2.使用substr截取“.”字符后的字符,即可作为文件类型

例:

 
 <meta charset='utf-8' />
 <p>
  maomao365.com <br />
  js 根据文件全路径获取文件类型的方法分享
 </p>
 
 <hr />
<script>
 //文件路径
var filePath = "file://maomao365.com/aoteMan.jpeg";
//获取最后一个.的位置
var i= filePath.lastIndexOf(".");
//获取“.”字符后的信息
var fileSort = filePath.substr(i+1);
//输出文件类型
document.write("文件类型为:"+fileSort);
</script>
js获取文件类型的方法分享

js获取文件类型的方法分享

javascript 如何根据“数组值”删除数组中元素呢?


摘要:
下文讲述使用js代码实现根据”数组值”删除数组元素的方法分享,如下所示:


实现思路:
为数组编写一个扩展的remove方法,remove方法中使用splice方法移除数组中相应元素

例:
编写依据“数组值”删除数组元素的方法

  <meta charset='utf-8' />
 <p>
  maomao365.com <br />
  js 根据"数组值"删除数组元素的方法分享
 </p>
 
 <hr />
<script>
 /*获取数组值在数组中的索引值*/
 Array.prototype.indexOf = function(val) { 
    for (var i = 0; i < this.length; i++) { 
      if (this[i] == val) return i; 
     }  
     return -1; 
};

/*编写扩展方法,
  根据数组值删除数组元素
*/
Array.prototype.remove = function(val) { 
	 //获取数组值在数组上的索引
     var index = this.indexOf(val); 
        if (index > -1) { 
		  //删除索引位置上的数组元素
          this.splice(index, 1); 
         } 
   };

var arrayList = ['猫猫教程','maomao','123','888','maomao365.com'];
        arrayList.remove('123');

document.write(arrayList.join());
</script>
js 根据数组值删除数组元素的方法分享

js 根据数组值删除数组元素的方法分享

javascript 如何使用js脚本动态调整textarea中文本域的字体大小呢?


摘要:
下文讲述js代码调整textarea文本域中字体大小的方法分享,如下所示:


实现思路:
使用js动态设置textarea的fontsize属性达到动态调整字体大小的目的

例:

 <meta charset='utf-8' />
 <p>
  maomao365.com <br />
  js 调整textarea中字体大小的方法分享
 </p>
 
 <hr />
<script>
function fontSizeChange() 
{
	if((fontSizeInfo.selectedIndex!=-1)&&(fontSizeInfo.selectedIndex!=0))
	{
		txtText.style.fontSize=fontSizeInfo.options[fontSizeInfo.selectedIndex].value;
	}
}
</script>


 <select name="select" id=fontSizeInfo onChange=fontSizeChange()> 
<option selected>选择阅读字体 
<script>
for (i=9;i<200;i++) 
 {
	document.write("<option value="+i+">"+i+"pt字体\n");
}</script> 
</option> 
</select> 
</p> 
<p> 
<textarea name="textarea" cols=15 rows=5 id=txtText>猫猫教程欢迎您!</textarea>
 
js 动态调整textarea中字体大小的方法分享

js 动态调整textarea中字体大小的方法分享