目录
回复讨论(解决方案)
首页 web前端 html教程 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>
登录后复制


.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;}
登录后复制


回复讨论(解决方案)

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

还有,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()};//去掉虚线框    }    }
登录后复制

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

先看看在说吧!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

每5分钟执行一次的Python脚本 每5分钟执行一次的Python脚本 Sep 10, 2023 pm 03:33 PM

自动化和任务调度在简化软件开发中的重复任务方面发挥着至关重要的作用。想象一下,有一个Python脚本需要每5分钟执行一次,例如从API获取数据、执行数据处理或发送定期更新。如此频繁地手动运行脚本可能非常耗时并且容易出错。这就是任务调度的用武之地。在这篇博文中,我们将探讨如何安排Python脚本每5分钟执行一次,确保它自动运行而无需手动干预。我们将讨论可用于实现此目标的不同方法和库,使您能够有效地自动化任务。使用time.sleep()函数每5分钟运行一次Python脚本的一种简单方法是利用tim

macOS:如何更改桌面小部件的颜色 macOS:如何更改桌面小部件的颜色 Oct 07, 2023 am 08:17 AM

在macOSSonoma中,小部件不必隐藏在屏幕外,也不必像在以前版本的Apple的macOS中那样在通知中心面板中被遗忘。相反,它们可以直接放置在Mac的桌面上–它们也是交互式的。不使用时,macOS桌面小部件会采用单色样式淡入背景,从而减少干扰,并允许您专注于活动应用程序或窗口中手头的任务。但是,当您单击桌面时,它们将恢复为全彩色。如果您更喜欢单调的外观,并且希望在桌面上保留这一方面的统一性,那么有一种方法可以使其永久化。以下步骤演示了它是如何完成的。打开“系统设置”应用

如何使用Python在Linux中进行脚本编写和执行 如何使用Python在Linux中进行脚本编写和执行 Oct 05, 2023 am 11:45 AM

如何使用Python在Linux中进行脚本编写和执行在Linux操作系统中,我们可以使用Python编写并执行各种脚本。Python是一种简洁而强大的编程语言,它提供了丰富的库和工具,使得脚本编写变得更加简单和高效。下面我们将介绍在Linux中如何使用Python进行脚本编写和执行的基本步骤,同时提供一些具体的代码示例来帮助你更好地理解和运用。安装Pytho

如何在Chrome和Edge的所有选项卡中搜索文本 如何在Chrome和Edge的所有选项卡中搜索文本 Feb 19, 2024 am 11:30 AM

本教程向您展示了如何在Windows的Chrome或Edge中找到所有打开的标签页上的特定文本或短语。有没有办法在Chrome中所有打开的标签页上进行文本搜索?是的,您可以使用Chrome中的免费外部Web扩展在所有打开的标签上执行文本搜索,无需手动切换标签。一些扩展如TabSearch和Ctrl-FPlus可以帮助您轻松实现这一功能。如何在GoogleChrome的所有选项卡中搜索文本?Ctrl-FPlus是一个免费的扩展,它方便用户在浏览器窗口的所有选项卡中搜索特定的单词、短语或文本。这个扩

在iPhone锁屏上获取即将到来的日历事件 在iPhone锁屏上获取即将到来的日历事件 Dec 01, 2023 pm 02:21 PM

在运行iOS16或更高版本的iPhone上,您可以直接在锁定屏幕上显示即将到来的日历事件。继续阅读以了解它是如何完成的。由于表盘复杂功能,许多AppleWatch用户习惯于能够看一眼手腕来查看下一个即将到来的日历事件。随着iOS16和锁定屏幕小部件的出现,您可以直接在iPhone上查看相同的日历事件信息,甚至无需解锁设备。日历锁定屏幕小组件有两种风格,允许您跟踪下一个即将发生的事件的时间,或使用更大的小组件来显示事件名称及其时间。若要开始添加小组件,请使用面容ID或触控ID解锁iPhone,长按

WordPress网页错位现象解决攻略 WordPress网页错位现象解决攻略 Mar 05, 2024 pm 01:12 PM

WordPress网页错位现象解决攻略在WordPress网站开发中,有时候我们会遇到网页元素错位的情况,这可能是由于不同设备上的屏幕尺寸、浏览器兼容性或者CSS样式设置不当所致。要解决这种错位现象,我们需要仔细分析问题、查找可能的原因,并逐步进行调试和修复。本文将分享一些常见的WordPress网页错位问题以及相应的解决攻略,同时提供具体的代码示例,帮助开

抖音怎么带标签引流?平台什么标签最容易引流? 抖音怎么带标签引流?平台什么标签最容易引流? Mar 22, 2024 am 10:28 AM

抖音作为一款备受欢迎的短视频社交平台,拥有着庞大的用户群体。对于抖音创作者来说,带标签引流是一种有效提升内容曝光度和吸引关注的方法。那么,抖音怎么带标签引流呢?本文将为您详细解答这个问题,并介绍相关技巧。一、抖音怎么带标签引流?发布视频时,要确保选择与内容相关的标签。这些标签应涵盖视频的主题和关键词,以便让用户通过标签更容易找到您的视频。利用流行标签是增加视频曝光的有效方法。研究当前热门标签和趋势,将其巧妙地融入视频描述和标签中。这些热门标签通常具有更高的曝光度,能够吸引更多观众的关注。3.标签

CSS网页背景图设计:创建各种背景图样式和效果 CSS网页背景图设计:创建各种背景图样式和效果 Nov 18, 2023 am 08:38 AM

CSS网页背景图设计:创建各种背景图样式和效果,需要具体代码示例摘要:在网页设计中,背景图是一种重要的视觉元素,它可以有效地增强页面的吸引力和可读性。本文将介绍一些常见的CSS背景图设计样式和效果,并提供相应的代码示例。读者可以根据自己的需求和喜好来选择和应用这些背景图样式和效果,以达到更好的视觉效果和用户体验。关键词:CSS,背景图,设计样式,效果,代码示

See all articles