从导入的HTML / JS文件中提取变量

时间:2015-03-09 15:04:25

标签: javascript google-chrome-extension filereader

我有一个带有<script>标签的HTML文件,在该脚本和其他代码之间有一个包含数据数组的变量。
我需要提取var / data 我能想到的唯一解决方案是在导入的文件中找到模式(使用filereader,在JSON.parse之前),并将其拆分到关键点,例如。在阵列开始

var data = [ 

最后}]; 但我担心这不是100%肯定的 在这种情况下我是否有任何干净的方法,我可以针对内部变量并提取它? HTML文件结构独特,但每个文件的数组数据都不同。

1 个答案:

答案 0 :(得分:1)

如果您不理解,可以从外部页面或外部资源加载脚本,更多详细信息。

moment.js通过jquery加载, 脚本通过javscript eval加载

仅在Chrome控制台中复制粘贴,并了解正在发生的事情:

//In my example using plain html let say ajax result or jquery load
//Note that if <script src="https://code.jquery.com/jquery-1.10.2.js"></script> here different approach is required 


$.getScript( "http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js" )
  .done(function( script, textStatus ) {
    parseScript(true);
  });
function parseScript(go)
{  
    if (go)
    {
        var xhr = $('<div><script>alert("Evaluated becouse values are not set");</script><script>var1=0;</script><div class="xx"></div><script>cars =["Saab", "Volvo", "BMW"];</script><div><script>alert("Not executed because values are set")</script></div></div>');
        //var1 in global scope
        var1 = undefined;
        //cars in global scope;
        cars = undefined;
        $(xhr).filter("script").each( function(e) { 
            if (var1 != undefined && cars != undefined ) return;
            console.log(moment().format('MMMM Do YYYY, h:mm:ss a') + '  ______ script executed ' + $(this).html());
            eval($(this).html());
            alert(moment().format('MMMM Do YYYY, h:mm:ss a') + ' _______ var1: ' + var1 + ' cars: ' + cars);
        });
    }
}