js怎么获取当前页面文件名?

js怎么获取当前页面文件名?,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:vara=location.href.split('/')document.body.innerText=a[a.length-1]。

3、浏览器运行index.html页面,此时成功获取到当前页面文件名index.html并打印了出来。

首先你的页面上必须要使用file标签,这是html获取文件的唯一途径,然后用js取页面标签的内容就可以了,具体代码如下:

HTML

<div id="divForm">

   <input type="file" id="myfile">

   <input type="button" id="btnOpen" value="选择文件">

 </div>

 JS

 $(function(){

        $("#btnOpen").click(function(){

            var path=$("#myfile").val() //得到选择的文件的路径及文件名

        })

    })

123456789101112<style type="text/css">.file-box{ position:relativewidth:340px} .txt{ height:22px border:1px solid #cdcdcd width:200pxborder-right:none} .btn{ background-color:#FFF border:1px solid #CDCDCDheight:26px width:70px} .file{ position:absolute top:0 right:80px height:24px filter:alpha(opacity:0)opacity: 0width:260px }</style><div class="file-box">     <form action="" method="post" enctype="multipart/form-data">         <input type='text' name='textfield' id='textfield' class='txt' /><input type='button' class='btn' value='浏览...' />        <input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />     </form> </div>

要这样写才是对的。

1、超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

2、在WWW上的一个超媒体文档称之为一个页面(page)。作为一个组织或个人在万维网上开始点的页面称为主页Homepage,或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Web)。Web页面也就是通常所说的网页,在这里不作区分。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11710052.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存