js获取url路径信息

JavaScript043

js获取url路径信息,第1张

1,设置或获取对象指定的文件名或路径。 2,设置或获取整个 URL 为字符串。 3,设置或获取与 URL 关联的端口号码。 4,设置或获取 URL 的协议部分。 5,设置或获取 href 属性中在井号“#”后面的分段。 6,设置或获取 location 或 URL 的 hostname 和 port 号码。 7,获取 href 属性中跟在问号后面的部分。 8,用来得到当前网页的域名

在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>

需要准备的材料分别有:电脑、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并打印了出来。