前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html5载入JS引用「建议收藏」

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

作者头像
全栈程序员站长
发布2022-07-07 16:57:23
7.2K0
发布2022-07-07 16:57:23
举报

大家好,又见面了,我是全栈君。

直接上代码

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/button/button” class=”btn btn-default” onClick=”importInnerBtnClick”> <i xid=”i1″></i> <span xid=”span1″>载入UI2,符合AMD规范的文件</span> </a> <a component=”

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.cn/116569.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档