js中div显示和隐藏钮为什么页面总是跳一下到最上面

<div  class="menu_left">    <ul >      <li  id="t1"   style="background-image:url(images/t2.gif);" >   <a href="#" id="first" onclick="infoList(‘first‘);"   >中心动态</a></li>      <li  id="t2" ><a href="#" id="first" onclick="infoList(‘first‘);" >   <a href="#"  id="second" onclick="infoList(‘second‘);">产权动态</a></li>   <li  id="t3">   <a href="#"  id="third" onclick="infoList(‘third‘);">财经聚焦</a></li>    </ul>  </div>点击onclick事件
是因为<a>的href属性,使用了#的缘故,你点击a的时候回到页面的开始,然后才在做click函数,你可以不使用href属性。但是这样的话,在IE6中a的一些伪属性:hover,:link,:active等不会起作用了,但是IE6+,ff,chrome不会有问题的。 也可以使用 href="javascript:void(0);"或href=“javascript;”就可以了,呵呵
时间: 2024-10-15 19:18:00

js中div显示和隐藏钮为什么页面总是跳一下到最上面的相关文章

js控制div显示与隐藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

JS中同步显示并分割输入的数字字符串

题目比较晦涩,来张图来说明要表达的效果: 第一张图的效果就是,用户输入一个数字,上面就显示一个大层,然后显示输入的数字,并把数字用空格按照每四位分割出来.好像在建行的网上银行上面就有这种效果.第二个图的效果就是用户在一个文本框中输入一串数字,然后再光标离开的时候,把数字按照每三位用逗号给分割开来,类似于老外的金钱输入效果. 效果一 同步显示分割分割输入 这种效果中,仿造的就是输入银行卡子类的,故只能够输入数字,需要禁用用户输入的其它字符下面是几种实现方式.先贴上HTML和CSS代码: 1 <ht

jquery之超简单的div显示和隐藏特效demo

闲着无聊,看到某视频网站上讲的DIV显示和隐藏的效果,自己也写了一个. 觉得还是挺简单的. 前端改变世界!嘿嘿,还挺有成就感 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

jquery的div显示和隐藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js控制tr显示和隐藏

很久没有写代码,最近新接了一个项目,开始记录自己开发过程中遇到的一些问题. 关于js控制tr的显示与隐藏 最开始写法是: <tr id="att" style="display:none;"> <td style="text-align:right;">附件文件:</td> <td> <div id="div_fujian"> <div class="

Web开发中的显示与隐藏

大多数编程语言,在平开发过程中,都是会遇到一些特殊的场景,需要实现显示或者隐藏来达到我们想要的效果:然而实现的方式有多种,今天就写一下,希望可以帮到各位. 小编我学习前端1年了,特意写写博客来回顾一下. 方式1: CSS的方式实现 1:设置样式:visibility: hidden/visible;隐藏和显示, 2:设置样式:display:none/(inline/block)隐藏和(内联元素显示/块级元素显示), 两者之间的区别:'visibility 隐藏之后会占布局空间,而display

js密码修改显示与隐藏效果

一.添加input框 <form class="login_form"> <input class="password inputpwd" id="oldpwd" name="oldpwd" type="password" placeholder="请输入旧密码" /> <div class="invisible" onclick=&qu

关于js中&quot;window.location.href&quot;、&quot;location.href&quot; 等如何跳转

关于js中"window.location.href"."location.href"."parent.location.href"."top.location.href"的用法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.

AngularJS中实现显示或隐藏动画效果的3种方式

本篇体验在AngularJS中实现在"显示/隐藏"这2种状态切换间添加动画效果. 通过CSS方式实现显示/隐藏动画效果 思路: →npm install angular-animage→依赖:var app = angular.module("app",["ngAnimate"]);→controller中一个变量接收bool值→界面中提供一个按钮,点击改变bool值→界面中显示/隐藏的区域提供ng-if和controller中的bool值绑定