html5载入JS引用「建议收藏」

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116569.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python中二维列表取值_python二维元组元素的提取

    python中二维列表取值_python二维元组元素的提取直接切片是不行的:&gt;&gt;&gt;a=[[1,2,3],[4,5,6]]&gt;&gt;&gt;a[:,0]#尝试用数组的方法读取一列失败TypeError:listindicesmustbeintegersorslices,nottuple我们可以直接构造:&gt;&gt;&gt;b=[i[0]…

    2025年7月1日
    4
  • 使用 MQTTnet 实现 MQTT 通信示例

    使用 MQTTnet 实现 MQTT 通信示例一、什么是MQTT?MQTT(MessageQueuingTelemetryTransport,消息队列遥测传输)是IBM开发的一个即时通讯协议,有可能成为物联网的重要组成部分。MQTT是基于二进制消息的发布/订阅编程模式的消息协议,如今已经成为OASIS规范,由于规范很简单,非常适合需要低功耗和网络带宽有限的IoT场景。二、MQTTnetMQ…

    2022年6月25日
    29
  • 大批量数据excel下载—本文作者只试了51万数据的下载,用时7秒

    一.背景:现在的项目里,有诸多下载功能,随着数据越来越多,下载的时间也越来越长,很影响用户体验,为了解决这一问题,我不得不挺身而出,斩破难关。项目中原本用的是poi-HSSFWorkbook,但是如果是50万数据量下载,回经历一个漫长的等待过程,然后内存溢出。jxl也不用想了,估计也差不多。二.两种方法:后来从网上搜索发现针对大数据量的导出有两条路可以走:第一:用poi-SXSSFWo

    2022年4月4日
    44
  • 【转载】ORM的概念, ORM到底是什么

    【转载】ORM的概念, ORM到底是什么

    2021年11月21日
    44
  • Ubuntu 安装mysql和简单操作

    ubuntu上安装mysql非常简单只需要几条命令就可以完成。http://hovertree.com/menu/mysql/1. sudoapt-getinstallmysql-s

    2021年12月24日
    35
  • Oracle创建本地数据库实例及配置「建议收藏」

    Oracle创建本地数据库实例及配置「建议收藏」        因为以前一直都是用的mysql的数据库,所以当新工作中用到Oracle数据库的时候,一时还有点不习惯,特别是一直连接的远程数据库,更是麻烦,所以就想在本地创建一个Oracle的数据库,然后导入数据库的备份文件方便使用。然而看似简单的东西,真正动起手来,却也还是花了好一会儿工夫也才解决。所以希望能够把安装的过程记录下来,不仅方便自己以后查阅,也能督促自己开始写博客(3年前就有这样的想…

    2022年5月31日
    133

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号