html5载入JS引用

直接上代码

w文件

<?xml version="1.0" encoding="UTF-8"?

>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window" design="device:mobile">

<div component="$UI/system/components/justep/model/model" xid="model"/>

<h1 xid="h11" style="text:align:center;">h1</h1>

<a component="$UI/system/components/justep/button/button"

class="btn btn-default" onClick="importInnerBtnClick">

<i xid="i1"></i>

<span xid="span1">载入UI2，符合AMD规范的文件</span>

</a>

<a component="$UI/system/components/justep/button/button" class="btn btn-default"

label="载入外网，符合AMD规范的文件" xid="importOutterBtn" onClick="importOutterBtnClick">

<i xid="i2"></i>

<span xid="span2">载入外网，符合AMD规范的文件</span>

</a>

</d

JS文件

define(function(require){

var $ = require("jquery");

var justep = require("$UI/system/lib/justep");

var Model = function(){

this.callParent();

};

Model.prototype.importInnerBtnClick=function(event){

//载入UI2下，符合AMD规范的文件

var path="./AMD2";

require([path],function(m){

m.fnOfAMD2();

});

}

Model.prototype.importOutterBtnClick=function(event){

var path="http://localhost:8080/cn/wp-content/uploads/2015/04/outterAMD2.js"

require([path],function(m){

m.fnOfOutterAMD2();

})

}

return Model;

});

须要引用的JS文件

define(

function(require){

return{

fnOfAMD2:function(){

alert("hello AMD2");

}

};

});

程序中会出现两个button

引用外部js文件成功引用网络js文件失败