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文件失败