1 I don’t know why the onclick event doesn’t work. . .
html
<p id="leftSide_xia" style="display:none;text-align:center;">
<ul class="" style="margin-top:10px;">
<!-- <li style="height:52px;cursor:pointer;" onclick="openIllegalPage('isOnList')">wwwwwww</li>-->
<p onclick="openIllegalPage('websiteList')"><img name="leftSide_xia_menu" onclick="openIllegalPage('websiteList')" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li onclick="openIllegalPage('websiteList')" style="height:30px;cursor:pointer;" ><a onclick="openIllegalPage('websiteList')" style="margin-right:25%;">wwww覽</a> </li><hr style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px;width:90%;"/>
</p>
<p onclick="openIllegalPage('websiteNameList')"><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" ><a style="margin-right:25%;">wwwwwwww</a></li><hr style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
</p>
<p>
<img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" onclick="openIllegalPage('recordNumberList')"><a style="margin-right:28%;">wwwwwwww/a></li></li><hr style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
</p>
<p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" onclick="openIllegalPage('unitNameList')"><a style="margin-right:25%;">wwwwww</a></li><hr style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
</p>
<p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactNameList')"><a style="margin-right:28%;">wwwwwwww</a></li><hr style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px ;width:90%;"/>
</p>
<p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactNameList')"><a style="margin-right:20%;">wwwwww</a></li><hr style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
</p>
<p><img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;"/><li style="height:30px;cursor:pointer;" onclick="openIllegalPage('contactTelephoneList')"><a style="margin-right:10%;">wwwwwww</a></li><hr style="border:0;background-color:rgb(8,30,44);height:1px;margin-top:0px ;width:90%;"/>
</p>
</ul>
</p>
業(yè)精于勤,荒于嬉;行成于思,毀于隨。
<p onclick="openIllegalPage('websiteList')">
function openIllegalPage(ppp,pageName){
if(pageName=="websiteList")
}
Pay attention to the parameters
If there are no errors during operation, it will be executed. You can take a look at the alert() method of openIllegalPage. I just copied your code and saw that it can execute this function. If you write multiple click events, it will conflict. For example, if you click on an element inside, all elements outside will be executed.
I optimized it, you can refer to it:
html:
<ul class="" style="margin-top:10px;">
<!-- <li style="height:52px;cursor:pointer;" onclick="openIllegalPage('isOnList')">網(wǎng)站在線監(jiān)察</li>-->
<p>
<img name="leftSide_xia_menu" src="/images/frame/icon_a.png" style="margin-left:35px;float:left;margin-top:6px;" />
<li style="height:30px;cursor:pointer;">
<a style="margin-right:25%;">不規(guī)范網(wǎng)站總覽</a>
</li>
<hr style="border:0;background-color:rgb(8,30,44);height:2px;margin-top:0px;width:90%;" />
</p>
</ul>js:
window.onload = function() {
var onUl = document.querySelector('ul');
onUl.onclick = function(e) {
/**
* e.target為事件源(也就是你點哪個就是哪個)
* 這時候你點哪個就是拿到哪個的節(jié)點了,
* 然后根據(jù)(e.target.tagName)判斷
*/
console.log(e.target.tagName);
}
}
You added a click event to p, and then you also added a click event to the img under p. This will cause duplication of parameters, or you can just add it to the img. You don’t want to type code on the mobile phone.