![JS数组[2, 5, 2, 5, 10, 12],如何循环打印 （2, 5, 10, 12） 不要打印重复的值，这个循环怎么写。](/aiimages/JS%E6%95%B0%E7%BB%84%5B2%2C+5%2C+2%2C+5%2C+10%2C+12%5D%2C%E5%A6%82%E4%BD%95%E5%BE%AA%E7%8E%AF%E6%89%93%E5%8D%B0+%EF%BC%882%2C+5%2C+10%2C+12%EF%BC%89+%E4%B8%8D%E8%A6%81%E6%89%93%E5%8D%B0%E9%87%8D%E5%A4%8D%E7%9A%84%E5%80%BC%EF%BC%8C%E8%BF%99%E4%B8%AA%E5%BE%AA%E7%8E%AF%E6%80%8E%E4%B9%88%E5%86%99%E3%80%82.png)
$(document).ready(function () {
var $h1 = $('h1')
console.log($h1)
$h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'))
$h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'))
})
获取margin方法如下
var margT = jQuery(this).css('margin')
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="">
<head>
<style type="text/css">
.ul1{
height:50px
list-style-type:none
margin-top:2px
margin-right:0px
margin-bottom:0px
margin-left:0px
}
.li1{
width:46px
float:left
margin-left:2px
border-top:1px solid #000000
border-right:1px solid #000000
border-bottom:1px solid #000000
border-left:1px solid #000000
height:46px
list-style-type:none
text-align:center
line-height:46px
}
</style>
<script>
function aa(num){
var bombs = new Array(num)
var flag = 0
while( flag <num ){
bomb = Math.round(Math.random()*(num*num-1))
var f = true
for(var i = 0 i <=flag i++){
if(bomb == bombs[i]){
f = false
break
}
}
if(f){
bombs[flag++] = bomb
}
}
return bombs
}
function createDiv(num,bombs){
var pDiv = document.getElementById("pdiv")
for(i = 0 i <num i++){
var flag = false
var newUl = document.createElement("ul")
newUl.className = "ul1"
for(j = 0 j <num j++){
var newLi = document.createElement("li")
newLi.className = "li1"
newLi.id = "li" + (i*num + j)
flag = 0
for(k = 0 k <num k++){
if(bombs[k] == (i*num + j)){
flag = true
break
}
}
if(flag){
var newtext = document.createTextNode(-1)
}else{
var newtext = document.createTextNode(0)
}
newLi.appendChild(newtext)
newUl.appendChild(newLi)
}
pDiv.appendChild(newUl)
}
}
function creatBox(num){
var bombs = aa(num)
createDiv(num,bombs)
return bombs
}
function play(num){
var bombs = creatBox(num)
var temps = new Array(num*num -1)
for(i = 0 i <num*numi ++){
temps[i] = 0
}
for( j = 0 j <numj++){
temps[bombs[j]] = -1
}
lis = document.getElementsByTagName("li")
for(i = 0 i <lis.length i++){
lis[i].onclick=function ss(){
liid = this.id
num = parseInt(liid.substring(2))
if(temps[num] == -1){
alert("你踩到雷了")
}else{
alert(temps[num])
}
}
lis[i].oncontextmenu=function tt(){
liid = this.id
num = parseInt(liid.substring(2))
if(temps[num] == -1){
alert("你排到雷了")
}else{
alert(temps[num])
}
return false
}
}
}
function myplay(){
var pDiv = document.getElementById("pdiv")
pDiv.innerHTML = ""
num = parseInt(document.getElementById("nd").value)
play(num)
}
</script>
<select name="nd" onchange="myplay()" id="nd">
<option value="4">简单</option>
<option value="10">中等</option>
<option value="20">难</option>
</select>
</head>
<body>
<div id="pDiv">
</div>
<script language="javascript">
play(6)
</script>
</body>
</html>
最近学dom写的一个小代码，本来是写扫雷的，也没写完，你看看，我现在就是点击li，显示li里的内容，运行一下就知道了
原理还是创建li的时候给它加上id
var newLi = document.createElement("li")
newLi.className = "li1"
newLi.id = "li" + (i*num + j)
然后取的时候根据id取就可以了
lis = document.getElementsByTagName("li")
for(i = 0 i <lis.length i++){
lis[i].onclick=function ss(){
liid = this.id
num = parseInt(liid.substring(2))
if(temps[num] == -1){
alert("你踩到雷了")
}else{
alert(temps[num])
}
}
}
document.body.clientWidth - document.body.offsetWidth // margin的宽document.body.clientHeigh - document.body.offsetHeight // margin的高
