Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从另一个文件调用数组的属性_Javascript_Html_Arrays - Fatal编程技术网

Javascript 如何从另一个文件调用数组的属性

Javascript 如何从另一个文件调用数组的属性,javascript,html,arrays,Javascript,Html,Arrays,我试图使用script标记从一个HTML文件调用一个javascript文件,该文件是一个数组,我想调用数组上的一个属性 editor.service('pk7Data', function () { this.pokemonList = [ { index: 0, pokedex: 0, name: 'None' }, { index: 1, pokedex

我试图使用script标记从一个HTML文件调用一个javascript文件,该文件是一个数组,我想调用数组上的一个属性

editor.service('pk7Data', function () {

    this.pokemonList = [
        {
        index: 0,
        pokedex: 0,
        name: 'None'
        },
        {
        index: 1,
        pokedex: 1,
        name: 'Bulbasaur'
        },
        {
        index: 2,
        pokedex: 2,
        name: 'Ivysaur'
        },
        {
        index: 3,
        pokedex: 3,
        name: 'Venusaur'
        }

我想从HTML脚本调用
name
属性。我怎么做呢?

你在找这样的东西吗更新了JSFIDLE

$(文档).ready(函数(){
//log(externalFunc.getPokemonList());
$.each(externalFunc.getPokemonList(),函数(k,v){
$(“#列表”).append(“”+v.name+“”);
});
$('#list')。关于('change',函数(e){
var name=$(this.val();
如果(名称=“无”){
$('#name')。文本(“”);
$('#img').attr('src',”);
返回;
}
var pokeObj=externalFunc.getPokemonByName(名称);
if(pokeObj的类型==“对象”){
$('#name').text(pokeObj.name);
$('#img').attr('src',pokeObj.img);
}
});
});
//
//警报(JSON.stringify(externalFunc.getPokemonByName(“Bulbasaur”))

//将此代码放入外部JS文件中,然后
//并在html中添加源代码,如:
// 
var externalFunc=(函数(){
变量列表=[{
“索引”:0,
“pokedex”:0,
“名称”:“无”
}, {
"索引":1,,
“pokedex”:1,
“名称”:“Bulbasaur”,
“img”:https://s-media-cache-ak0.pinimg.com/originals/96/d2/1d/96d21d738561947f96255e6f12f1754a.png"
}, {
“指数”:2,
“pokedex”:2,
“姓名”:“Ivysaur”,
“img”:http://cartoonbros.com/wp-content/uploads/2016/11/Ivysaur-1.gif"
}, {
“指数”:3,
“pokedex”:3,
“名称”:“Venusaur”,
“img”:http://vignette2.wikia.nocookie.net/pokemon/images/b/b2/003Venusaur_Dream.png/revision/latest?cb=20140908150056"
}];
var getPokemonByName=函数(名称){
if(name==null){
返回“”;
}
对于(变量i=0;i<列表长度;i++){
var pokeObj=list_ui;
if(pokeObj.name==name){
返回pokeObj;
}
}
返回“”;
};
var getPokemonList=function(){
退货清单;
};
var obj={
getPokemonByName:getPokemonByName,
getPokemonList:getPokemonList
};
返回obj;
})();



从html脚本调用“name”属性。。。html(?)脚本(?)中没有属性,您无法调用字符串…我确信OP希望检索其中一个数组元素的属性值。如果此脚本在内联html脚本之后执行,您可以在内联脚本中将名称定义为全局变量,这样就可以从单独的脚本访问它。不过,最好的做法是限制全局变量的使用。我建议删除内联脚本,使代码更加模块化。如果你希望有人花时间分析你的问题。请先花点时间阅读,他们会相应地问你的问题,最好是提供。现在它是不完整的,很难理解。不,我会更好地解释它,我在html选择标记上使用这个数组,它可以根据我的需要工作,我还有一个图像,取决于选择标记的选项,它通过使用span标记显示与项对应的图像。现在,我想创建一个blob文件,我想使用数组上的“name”来创建文件名,但是我不知道怎么做,当你说blob时,你是指包含数组的外部JS文件吗?我已经更新了jsFiddle,请看这是否是你要找的。谢谢我喜欢你为你的小演示收集的图片:-)+1!