首页 > 编程语言 >html javascript读取 文件内容

html javascript读取 文件内容

时间:2022-09-30 08:11:33浏览次数:54  
标签:info console 读取 javascript html fun css log

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件读取</title>
</head>
<body>
    <input type="file">

<script>

function get_html_css_fun( info ){
    info = info.replace("kd.Reg(\"PK_机构单位\", {","")
    var last = info.lastIndexOf("});")
    info = info.substring(0,last)
    return info
}


function get_html(info){
    //console.log(info)

    start = info.indexOf("html:[")
    end = info.indexOf("css:[")
    //console.log(start)
    //console.log(end)
    info = info.substring( (start+"html:[".length ), (end- "css:[".length - "],".length ) )


    return info
}


function get_css(info){
    //console.log(info)
    start = info.indexOf("css:[")

    end = info.indexOf("fun: function() {")
    console.log(start)
    console.log(end)
    info = info.substring( (start+"css:[".length ), (end    ) )

    last  = info.lastIndexOf("],")
    info = info.substring(0, last)


    return info

}


function get_fun(info){
    start = info.indexOf("fun: function() {")
    last  = info.lastIndexOf("}")
    info = info.substring(start + "fun: function() {".length, last)
    return info
}


    var input = document.querySelector("input")
    input.onchange=function(){

        /*
        查看this里的属性
        for(var key in this) {
            console.log(this[key]);
        }
        */
        // 获取文件
        var files = this.files[0];

        // 开始读取,创建读取器
        var reader = new FileReader();

        // 开始读取
        reader.readAsText(files)

        // 文件读取完成后,获取文件内容
        reader.onload = function() {
            // 获取结果
            //console.log(reader.result);
            var todo_text = reader.result ;

            var html_css_fun = get_html_css_fun( todo_text )
            //console.log(html_css_fun)


            var text_html = get_html( html_css_fun );
            console.log("------------------------text_html------------------------")
            console.log(text_html)

            
            var text_css = get_css( html_css_fun );
            console.log("------------------------text_css------------------------")
            console.log(text_css )


            var text_fun = get_fun( html_css_fun );
            console.log("------------------------text_fun------------------------")
            console.log(text_fun )
        }                  
    }
</script>
</body>
</html>

 

标签:info,console,读取,javascript,html,fun,css,log
From: https://www.cnblogs.com/adolfmc/p/16743676.html

相关文章

  • JavaScript排序 — sort()方法(解决null、undefined、0之间的排序(混乱)问题)
    JavaScript排序—sort()方法——解决null、undefined、0之间的排序(混乱)问题一、普通的数组排序​ JavaScript中用方法sort()为数组排序。sort()方法有一个可选参数,是......
  • Javascript 手写 LRU 算法
    LRU是LeastRecentlyUsed的缩写,即最近最少使用。作为一种经典的缓存策略,它的基本思想是长期不被使用的数据,在未来被用到的几率也不大,所以当新的数据进来时我们可以优先......
  • 如何在Intellij IDEA运行和调试JavaScript
    浏览器都可以解析和运行JS,但最好的方式应该还是使用node.js来运行。所以第一步就是安装node。对于Mac,一条命令即可:$brewinstallnode安装完成后,可以检查一下对应的......
  • 003.JavaScript的数据类型
         ......
  • javascript 规范
    关于变量及方法等的命名,没有硬性规定,但是为了规范,遵循一些约定还是有必要的。变量定义:用var关键字将要使用的变量定义在代码开头,变量间用分号隔开。原因有二:一是便......
  • 18. HTML-- <head>标签:头部
    1.前言HTML中的<head>标签是所有头部标签的容器,这些头部标签用来定义有关HTML文档的元数据(描述数据的数据)以及所需资源的引用(例如CSS样式文件、JavaScript脚本文......
  • 读取xml文件帮助类
    1.XML帮助类publicclassXmlHelper{publicstaticstringGetElementByName(stringxmlFileName,stringtagName){try......
  • 17. HTML-- <iframe>标签:内联框架
    1.前言HTMl<iframe>标签用来定义一个内联框架,使用它可以将另一个网页嵌入到当前网页中。<iframe>标签会在网页中定义一个矩形区域,浏览器可以在这个区域内显示另一个页......
  • 16. HTML-- 布局(附带示例)
    1.前言网页布局是创建一个网站时一个必不可少的过程,通过布局可以改变网页中内容的排列方式,让网页看起来更加合理、美观。在布局的过程中您还可以使用CSS来修改HTML标......
  • html输入年份,判断是否是闰年。
    <!DOCTYPEhtml><html>   <head>      <metacharset="utf-8">      <title></title>   </head>   <body>            <scri......