标签点击不返回顶部和不刷新页面方法

让我们先来看看JavaScript中void(0)的含义:

JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下:

1. javascript:void (expression)

2. javascript:void expression

expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void
操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0)
计算为 0,但在 JavaScript 上没有任何效果。

<a href=”javascript:void(0)”>单击此处什么也不会发生</a>

也就是说,要执行某些处理,但是不整体刷新页面的情况下,可以使用void(0),但是在需要对页面进行refresh的情况下,那就要仔细了。其实我们可以这样用

<a
href=”javascript:void(document.form.submit())”>,这句话会进行一次submit操作。

那什么情况下用void(0)比较多呢,无刷新,当然是Ajax了,看一下Ajax的web页面的话,一般都会看到有很多的void(0),:)
,所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新

时间: 2024-08-11 01:34:40

标签点击不返回顶部和不刷新页面方法的相关文章

iOS点击状态栏返回顶部问题。

在适配点击状态栏返回顶部的时候,有一个viewcontroller里面有一个UITableView和一个UITextView,UITableView的cell里面没有UIScrollView和UITableView,点击状态栏没有返回顶部,后来想了很久,才想起UITextView是可以滑动的,它是继承于UIScrollView<UITextInput>的,需要将UITextView 的scrollsToTop设置为NO.

Layui 点击查询分页,页码不刷新解决方法

Layui 点击查询分页,页码不刷新解决方法 function queryDataGrid() { layui.table.reload(tableName, { where: { //设定异步数据接口的额外参数,任意设 columnName: layui.$("#columnName").val(), columnValue: layui.$("#columnValue").val(), QueryStr: "", state: layui.$

Web前端 页面功能——点击按钮返回顶部的实现方法

1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能 方法一:用命名锚点击返回到顶部预设的id为top的元素 html代码 <a href="#top" target="_self">返回顶部</a> 方法二:操作scrooll函数用来控制滚动条的位置(第一个参数是水平位置,第二个参数是垂直位置) html代码 <a href="javascript:scroll(0,0)">

a超链接之返回顶部的两种实现方法

1.通过css实现: 为页面顶部如body或者自己设置的盒子等加上唯一id属性 <body id="id"> .... <a href="#id">返回顶部</a> 2.js实现 通过设置标签滚动位置判断 document.body.scrollTop=0; <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q

js 返回前一页并刷新页面方法

[导读] 要返回上一页再刷新页面我们用到最多的是在像php,asp,jsp,asp.net中,下面我来给大家先介绍js 返回前一页并刷新页面,然后再把这些代码放在php中实现删除后返回当前页面并刷新页面.... JS 重载页面,本地刷新,返回上一页 代码如下 1 2 3 <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()"

返回前一页并刷新页面方法

原文地址:http://www.zixuephp.com/html/javascript/2014_09/1642.html php实现返回上一页的功能的3种有效方法 header(location:你的上一页的路径);   //   注意这个函数前不能有输出 header(location:.getenv("HTTP_REFERER"));   //   返回其调用页面 echo"<script>alert('随便写点什么');history.go(-1);&l

点击超链接不跳转,不刷新页面

本文转载自:http://heisetoufa.iteye.com/blog/1766957 让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边     点击链接后不跳转可以设置成     1.<a href="javascript:void(0);" >javascript:void(0);</a>     2.<a href="javascript:;" >javascript

防止点击asp.net的button按钮刷新页面(保留button的外观)

原文发布时间为:2008-08-06 -- 来源于本人的百度文章 [由搬家工具导入] Button btn=new Button(); 1、如果用 btn.Enabled=false;是可以防止刷新的,但是不能点击,而且button的外观变成了凹下去的,很难看 2、所以我找到了解决方法。这个方法很好,如下: btn.Attributes.Add("onClick","return false"); 加上这句,button的外观仍然保持可单击状态,可以单击,而且不刷新

网页返回顶部的几种方法

1,在页面顶部固定一个  返回网页顶部的 按钮 .back-to-top { position: fixed; right: 20px; bottom: 10px; width: 100px; height: 30px; text-align: center; line-height: 30px; color: #2C2C2C; text-decoration: none; border: 1px solid #CCCCCC; } <a class="back-to-top" h