星空网 > 软件开发 > Java

json传参应用

json传参应用

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。

下面做一个最简单的弹窗小插件,通过用json参数改变弹窗的样式。

HTML:

<button id="open">打开</button><button id="close">关闭</button><div id="box"></div>

JS:

function Alert(json){    this.win=document.getElementById('box');    this.w=json.width||200; //如果参数为'',就显示200.    this.h=json.height||150;    this.content=json.content||'box';    this.win.style.height=this.h+'px';    this.win.style.width=this.w+'px';    this.win.innerText=this.content;    this.win.style.background=json.background||'black';    this.win.style.color=json.color||'white';  }  Alert.prototype.open=function(){//对象原型,open打开close关闭    this.win.style.display='block';  }  Alert.prototype.close=function(){    this.win.style.display='none';  }

调用JS:

window.onload=function(){   var Open=document.getElementById('open');  var Close=document.getElementById('close'); var box=new Alert({    height:100,    width:100,    content:'弹窗',     background:'red',    color:'blue'  });  Open.onclick=function(){    box.open();  };  Close.onclick=function(){    box.close()  }};

 




原标题:json传参应用

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

防侵权预警179:猫咪娱乐板在欧洲市场的外观专利情况:https://www.ikjzd.com/articles/138349
Facebook封号是否与BM验证有关?:https://www.ikjzd.com/articles/138350
FaceBook加好友错误提示?:https://www.ikjzd.com/articles/138351
毕业入坑亚马逊,遭遇“皇亲国戚”使绊子,我最终和老板闹掰了(下):https://www.ikjzd.com/articles/138352
美妆产品强势增长!千亿市场等你来淘,但要小心专利侵权风险!:https://www.ikjzd.com/articles/138353
客户要求降低MOQ,外贸行业如何接招:https://www.ikjzd.com/articles/138354
大批Listing被下架,“黄色警告”!提示存在停用风险:https://www.kjdsnews.com/a/1836647.html
跨境支付百科——巴西支付篇:https://www.kjdsnews.com/a/1836648.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流