原生js点击弹出对应的html

JavaScript016

原生js点击弹出对应的html,第1张

jq:

$("#aa p").click(function(){

var me=$(this)

var lei=me.attr("parameter")

var main=$(".layerMain[id='"+lei+"']")

alert(main.html())

})

js:

var ps=document.querySelectorAll("#aa p")

for(var i=0i<ps.lengthi++){

ps[i].onclick=function(){

var me=this

var lei=me.getAttribute("parameter")

var main=document.querySelector(".layerMain[id='"+lei+"']")

alert(main.innerHTML)

}

}

window.showModalDialog方式

function ShowDialog(url) {

var iWidth=300//窗口宽度

var iHeight=200//窗口高度

var iTop=(window.screen.height-iHeight)/2

var iLeft=(window.screen.width-iWidth)/2

window.showModalDialog(url,window,"dialogHeight: "+iHeight+"pxdialogWidth: "+iWidth+"px

dialogTop: "+iTop+"dialogLeft: "+iLeft+"resizable: nostatus: noscroll:no")

}

用window.showModalDialog作的可以不被拦截

可以先写好。比如

<div class="popup">

<div class="hd">标题栏</div>

<div class="bd">

<p>弹出内容</p>

<p>弹出内容</p>

<p>弹出内容</p>

</div>

</div>

然后js控制这个div显示即可