写js文件,如何在html里面用到js文件里面的内容?如何写一个js文件能使其在html中被使用。

举例说明:
第一步:建立一个js文件(命名随意,比如step.js),并写下由layui定义的function(){};

layui.define(['需要加载的layui的其他模块','table'],function(exports){
	var $ = layui.jquery;
	var table = layui.table;
	//js代码:
	next: function (elem) {
            $(elem).find('.layui-carousel-arrow[lay-type=add]').trigger('click');
			$(elem).append("hello world!!!")
        };
	
	//写Ajax
	loadAttributeList: function (tag,productId) {
		parent.layer.load(1)
		$.ajax({
			url: layui.setter.apiHost + "/api/"+productId
			, type: "GET"
			, dataType: "json",
			success: function (result) {
				//
				});
				parent.layer.closeAll('loading');
			}
		})
	},	
		
	//写Ajax,例如:加载附件
	loadAttachment: function (objId,type) {
	   return $.ajax({
			url: layui.setter.apiHost + "/api/"
			, type: "GET"
			, dataType: "json"
			, data:{objectId:objId,attachmentType:type}
		})
	}
	
	//等等
});

第二步:在html的头部head中引入链接

<link rel="stylesheet" href="../../路径/step.css" media="all">

第三步:在html的body中加载js模块

layui.use(['step','其他layui模块'],function(){
	var $ = layui.$
	,step = layui.step;
	//编写代码
	
	//html代码,带参数的,可以带任意的参数,包括html代码
	step.next('#stepForm');
	
	//不带操作的,仅调用命令带传参的
	step.loadAttributeList(tag,productId);
	
	//带操作,调用方法并传参的
	step.loadAttachment(productId,'feelingSick').done(function (res) {
                    $("#test-upload-normal-img").attr("src",layui.setter.fileHost+res.data[0].path);
        });
	
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值