使用js取得当前网页链接的文件名

新建一个html文件 , 定名为test.html , 用于下面讲解若何利用js方式取得链接的文件名 。


使用js取得当前网页链接的文件名

文章插图

2【使用js取得当前网页链接的文件名】在test.html页面 , 利用<script type="text/javascript"></script>标识表记标帜js代码执行的处所 。


使用js取得当前网页链接的文件名

文章插图

3在js中 , 利用window.location.href获适当前网页的链接 , 并赋值给a变量 , 用于下面从该链接获得文件名 。


使用js取得当前网页链接的文件名

文章插图

4在js里 , 利用split 方式按“/”朋分获得的链接 , 把朋分出来的每部门构成数组 , 并赋值给b变量 。


使用js取得当前网页链接的文件名

文章插图

5上一
朋分链接后的数组最后一个元素就是文件名(包含文件类型) , 可以经由过程slice方式 , 取得最后一个元素 。


使用js取得当前网页链接的文件名

文章插图

6对上一步获得文件名(包含文件类型)利用split方式按"."朋分 , 获得文件名和文件类型的数组 。

使用js取得当前网页链接的文件名

文章插图

7上一步获得的数组第一个元素就是文件名 , 利用slice(0 , 1)取得数组第一个元素 。 在浏览器运行test.html , 从成果看 , 当作功获适当前网页链接的文件名“test” 。

使用js取得当前网页链接的文件名

文章插图

以上内容就是使用js取得当前网页链接的文件名的内容啦 , 希望对你有所帮助哦!

    推荐阅读