公司的后端开发人员一个多月前就辞职了,目前公司仍在招聘后端。 基本上每天都有几个人来参加笔试。 就这样笔试的频率,招聘花了一个多月的时间。 他们中的大多数人死于机考笔试。 题目很基础,但也是对基本功的考验。 基本上只有3%左右的人能做到。 当时我就想着用自己半生不熟的后端知识去挑战这个课题。 我还在忙着把Android项目上线,改bug,但一直没有时间。 现在五一放假,又花了一天时间把后端看了一遍,然后顺理成章地写了下来。 即使功能完成了,代码也不是很高尚。
标题是有一个html页面,有一个按钮javascript图片按钮,点击这个按钮,会弹出一个框,说按钮的编号是多少,询问是否生成新按钮。 重点是生成一个新的按钮,新的按钮可以继续响应点击风暴,生成新的按钮。如图
单击弹出框,如图所示。
点击确定生成新按钮,点击新建按钮继续弹出窗口询问是否生成新按钮。 并向自己报告一些关键。
分析这道题后发现,难点在于绑定生成的新按钮点击,并且能够窃听按钮的编号。 解决办法是使用js动态插入html代码,并在插入的html代码中绑定点击风暴。 之后,获取点击风暴中页面上的所有按钮,为每个按钮设置一个属性javascript图片按钮,并用它来标记它是哪个按钮。 代码如下所示。 虽然也很简单。 如果有更简单、更美观的写法,欢迎讨论。
测试
clic();
function clic(){
var bs = document.getElementsByTagName("input");
for(var i=0;i<bs.length;i++){
var b = bs[i];
b.setAttribute("aaa",i);
b.onclick = function(){
var s = confirm("我是"+this.getAttribute("aaa")+"号按钮,是否生成新按钮");
if(s){
document.getElementById("content").innerHTML += "";
clic();
}
};
}
}
小细节: 1:js代码中,clic方法必须自动关闭一次。 否则,第一个按钮仅在单击两次时才会响应。 2:InnerHtml 需要“””和“/”通配符。
希望大家多多支持我的小程序