需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：var a = location.href.split('/')document.body.innerText = a[a.length - 1]。
3、浏览器运行index.html页面，此时成功获取到当前页面文件名index.html并打印了出来。
1、最常用的截取方法就是substring(),参数就是开始截取的位置。
2、输入的参数是3，那么就是截取第三个位置的字符后面的所有字符。
3、substring中可以输入两个参数，第一个参数就是开始截取的位置，第二个参数就是截取结束的位置。
4、如图将第三个个字符至第六个字符之间的字符。
5、还有一种方法就是substr(),同样可以输入两个参数，第一个参数是字符串开始截取的位置，第二个参数就是字符串截取的长度。
6、给substr输入的两个参数为3和6，意思就是从第三个字符开始，往后截取6个长度的字符。
7、substr和substring两个方法如果都只输入一个参数，那么两个方法的效果是一样的。
在firefox上，input（type=file）默认获取到的value值就是文件名。在IE上，input（type=file）默认获取到的value值是路径。
因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。
示例代码：
<form action="" method="get" onSubmit="return false">
<input type="text" name="test" id="test">
<input type="file" name="testFile" onChange="if(this.value)insertTitle(this.value)">
<input type="submit" value="提交">
</form>
<script language="javascript">
function insertTitle(path){
var test1 = path.lastIndexOf("/") //对路径进行截取
var test2 = path.lastIndexOf("\\") //对路径进行截取
var test= Math.max(test1, test2)
if(test<0){
document.getElementById("test").value = path
}else{
document.getElementById("test").value = path.substring(test + 1)//赋值文件名
}
}
</script>
