使用jQuery导入javascript动态？ [英] Import javascript dynamically with jQuery?
问题描述
可能有一些更好的方法，我忽略了？
谢谢，
Pete
AS Josh Stodola提到在运行时创建变量不是问题
varholdersWidgetUUID =widgetUUIDValue;
eval（heldWidgetUUID +=（+ data +））;
alert（eval（heldWidgetUUID））;
或者如果您喜欢
var UUID =widgetUUID;
var heldWidgetUUID =widgetUUIDValue;
window [widgets] = new Array（）;
window [widgets] [heldWidgetUUID] = data;
alert（window [widgets] [heldWidgetUUID]）;
问题是如何加载javascript可以像dynamicvariablename.methodname（）
如果您在包含的JavaScript中强制执行某种编码操作，我有一个工作的解决方案。也许这会让你走向正确的方向。
这是一个小部件javascript（works.js）。值得注意的是，它是一个具有内部定义的字段和方法的javascript类。它本身使命名空间污染较低，并允许我们实现所需的调用形式x.getInfo（）
function（）{
this.type = 1;
this.color =red;
this.getInfo = function（）{
return this.color +''+ this.type +'widget';
};
}
这是在运行时在命名空间中包含它的文件
< html>
< head>
< title> Widget Magic？< / title>
< script type ='text / javascript'src ='jquery.js'>< / script>
< script type ='text / javascript'>
var UUID =widgetUUID;
var heldWidgetUUID =widgetUUIDValue;
window [widgets] = new Array（）;
$ .get（works.js，function（data）{
window [widgets] [heldWidgetUUID] = eval（（+ data +））;
$（document）.ready（function（）{
window [widgets] [heldWidgetUUID] = new（window [widgets] [heldWidgetUUID]）（）;
alert（window [widgets ] [holdingWidgetUUID] .color）;
alert（window [widgets] [heldWidgetUUID] .getInfo（））;
}）;
}）;
< / script>
< / head>
< body>
< p>只是一些东西< / p>
< / body>
< / html>
I'm trying to setup a widget framework using jQuery, so I need to import java script by parsing the widget's xhtml and including in the framework page. The problem is that this may lead to pollution of the namespace. Is it possible to load java script into a namespace at runtime?
Perhaps there is some better method that I'm overlooking?
Thanks, Pete
AS Josh Stodola mentioned creating the variable at runtime isn't the problem
var holdsWidgetUUID = "widgetUUIDValue";
eval(holdsWidgetUUID + "= (" + data + ")");
alert(eval(holdsWidgetUUID));
Or if you prefer
var UUID = "widgetUUID";
var holdsWidgetUUID = "widgetUUIDValue";
window["widgets"] = new Array();
window["widgets"][holdsWidgetUUID] = data;
alert(window["widgets"][holdsWidgetUUID]);
The problem is getting the loaded javascript to work an be callable like dynamicvariablename.methodname()
I have a working solution if you force a certain coding practice upon the included javascript. Maybe this gets you in the right direction.
This is a widgets javascript (works.js). Notive that it's a javascript "class" with internally defined fields and methods. Which by itself keeps namespace pollution low and allows us the achieve the desired calling form x.getInfo()
function () {
this.type = 1;
this.color = "red";
this.getInfo = function() {
return this.color + ' ' + this.type + ' widget';
};
}
And this is the file which includes it at runtime in a namespace
<html>
<head>
<title>Widget Magic?</title>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
var UUID = "widgetUUID";
var holdsWidgetUUID = "widgetUUIDValue";
window["widgets"] = new Array();
$.get("works.js", function(data) {
window["widgets"][holdsWidgetUUID] = eval("(" + data + ")");
$(document).ready(function() {
window["widgets"][holdsWidgetUUID] = new (window["widgets"][holdsWidgetUUID])();
alert(window["widgets"][holdsWidgetUUID].color);
alert(window["widgets"][holdsWidgetUUID].getInfo());
});
});
</script>
</head>
<body>
<p>Just some stuff</p>
</body>
</html>
这篇关于使用jQuery导入javascript动态？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
