Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial a标签加上CSS样式后 onclick事件不执行,怎么办- -。_html/css_WEB-ITnose

a标签加上CSS样式后 onclick事件不执行,怎么办- -。_html/css_WEB-ITnose

Jun 21, 2016 am 09:28 AM
onclick 事件 执行 标签 样式

				<li class="level1"><a href="/batcher/toBatcherListTree.jhtml"					target="mainFrame" onclick="changeFrame();">仪器仪表</a></li>				<li >	<a onclick="alert(123)">测试</a></li>
Nach dem Login kopieren


.menu li.level1 a{	display:block;	line-height:31px;	height:31px;	padding-left:50px;	font-size:12px;	color:#666666;	background:url(../images/menubg.gif) no-repeat left top;}/*一级菜单两态样式,供JS调用*/.menu li.level1 a.hove{	background-position:left -31px;	color: #FFFFFF;	font-size: 12px;	background-image: url(../images/menubg.gif);}.menu li.level1 a.cur{	background-position:left -62px;	color: #FFFFFF;}
Nach dem Login kopieren


回复讨论(解决方案)

哪里有这个问题,我试了下没有发现这个问题的,你那是哪个浏览器?

还有,onclick="changeFrame();"这个函数确定存在吧?

我用的火狐,IE8,那个函数确定存在,我换成alert一样不执行。

我自己测试,在哪个浏览器下都没有问题的,你打开浏览器调试工具,看看是不是代码有错误,导致页面没有加载完全

楼主测试一下 部分代码运行情况 就测试你发的这段代码 看行不。

你的a标签 加了链接 还加onclick?
你可以这样 href="javascropt:changeFrame();" 把onclick删除掉
或者 href="#"在onclick="changeFrame();"

个人签名:健康宝宝

大致找到导致onclick不执行的代码了,

addLoadEvent(new Function("hovermenu('level1','level2','hove','cur');"));//menu代表菜单总的ID名称//level1代表一级菜单项的父容器,level2代表二级菜单项的父容器,//后面的三个参数style1,style2,style3分别代表鼠标移入,移出,点击的三态样式名addLoadEvent(new Function("submenu('level2','hove1','hove1');"));/*滑动显隐菜单列表*/var temp;var temp1;function hovermenu(cssName1,cssName2,style2,style3){     var ArrLinks=getElementsByClassName(cssName1);//一级菜单父容器的数组	var ArrLevel = new Array();//第一级菜单的数组	for(var i=0;i<ArrLinks.length;i++){		var curobj= getFirstChild(ArrLinks[i]);//获得第一个子对象		    				ArrLevel.push(curobj);			}    var ArrDivs=getElementsByClassName(cssName2);//二级菜单的父容器数组,要显示的二级菜单容器    for(var i=0;i<ArrLinks.length;i++){                var obj=getFirstChild(ArrLinks[i]);//获得第一个子对象        obj.index=i;        obj.onmouseover= function(){overme(this,ArrLevel,style2,temp)};                   obj.onmouseout=function(){outme(this,ArrLevel,style2,temp)};        obj.onclick=function(){clickme(this,ArrLinks,ArrDivs,style2,style3,temp)};		//obj.onmouseover=function(){clickme(this,ArrLinks,ArrDivs,style2,style3,temp)};		obj.onfocus=function(){this.blur()};//去掉虚线框    }    }//二级菜单绑定事件function submenu(cssName2,style2,style3){     var ArrLinks=getElementsByClassName(cssName2);//一级菜单父容器的数组	var ArrLevel = new Array();//第一级菜单的数组	for(var i=0;i<ArrLinks.length;i++){		var sublinks= ArrLinks[i].getElementsByTagName('A');//获得第一个子对象		for(var m=0;m<sublinks.length;m++){			ArrLevel.push(sublinks[m]);		}   			}	    for(var i=0;i<ArrLevel.length;i++){                var obj=ArrLevel[i];        obj.index=i        obj.onmouseover= function(){overme(this,ArrLevel,style2,temp1)};                   obj.onmouseout=function(){outme(this,ArrLevel,style2,temp1)};		//obj.onclick=function(){subclick(this,ArrLevel,style2,style3,temp1)};		obj.onfocus=function(){this.blur()};//去掉虚线框    }    }
Nach dem Login kopieren

5L,onclick是为了让左侧的菜单隐藏,href的是控制右侧 freme 跳转的,缺一不可。

先看看在说吧!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Python-Skript, das alle 5 Minuten ausgeführt wird Python-Skript, das alle 5 Minuten ausgeführt wird Sep 10, 2023 pm 03:33 PM

Python-Skript, das alle 5 Minuten ausgeführt wird

macOS: So ändern Sie die Farbe von Desktop-Widgets macOS: So ändern Sie die Farbe von Desktop-Widgets Oct 07, 2023 am 08:17 AM

macOS: So ändern Sie die Farbe von Desktop-Widgets

So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text Feb 19, 2024 am 11:30 AM

So suchen Sie auf allen Registerkarten in Chrome und Edge nach Text

So verwenden Sie Python für die Skripterstellung und Ausführung unter Linux So verwenden Sie Python für die Skripterstellung und Ausführung unter Linux Oct 05, 2023 am 11:45 AM

So verwenden Sie Python für die Skripterstellung und Ausführung unter Linux

Leitfaden zum Beheben von Fehlausrichtungen von WordPress-Webseiten Leitfaden zum Beheben von Fehlausrichtungen von WordPress-Webseiten Mar 05, 2024 pm 01:12 PM

Leitfaden zum Beheben von Fehlausrichtungen von WordPress-Webseiten

Erhalten Sie bevorstehende Kalenderereignisse auf Ihrem iPhone-Sperrbildschirm Erhalten Sie bevorstehende Kalenderereignisse auf Ihrem iPhone-Sperrbildschirm Dec 01, 2023 pm 02:21 PM

Erhalten Sie bevorstehende Kalenderereignisse auf Ihrem iPhone-Sperrbildschirm

Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen? Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen? Mar 22, 2024 am 10:28 AM

Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen?

CSS-Webhintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte CSS-Webhintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte Nov 18, 2023 am 08:38 AM

CSS-Webhintergrundbilddesign: Erstellen Sie verschiedene Hintergrundbildstile und -effekte

See all articles