- JS有哪些手段可以实现继承？
- 说说JS的闭包？
- 用纯JS实现，点击一个列表时，输出对应的索引（不能用JQuery哦）
-
CSS实现矩形按钮右边缘的中间有个往里凹的小半圆，如图：
image.png
1.原型链；构造函数；
2.可以在作用域之外执行函数。
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
var ul = document.getElementsByTagName("ul")[0];
ul.onclick=function(event){
var tg = event.target;
var lis = ul.getElementsByTagName("li");
for(var i = 0 ; i<lis.length;i++){
if(lis[i] === tg){
alert(i+1);
}
}
}
var lis = document.getElementsByTagName("ul")[0].getElementsByTagName("li");
for (var i = 0; i<lis.length;i++){//闭包
(function(){
var n = i;
lis[i].onclick = function(){
alert(n+1);
}
})(i)
}
.btn {
width: 120px;
height: 40px;
line-height: 40px;
font-size: 20px;
position: relative;
text-align: center;
}
.btn-bg{
border: none;
background-color: black;
color: #FFF;
}
.btn:after {
content: '';
position: absolute;
background-color: #FFF;
width: 20px;
height: 20px;
top: 10px;
right: -10px;
border-radius: 100%;
}
