`

a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法

 
阅读更多

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>

a href="javascript:void(0)" onclick="javascript:方法;return false;"提交
javascript:void(0)就不会向上跳了:)

还有一个方法是 #this
a href="#this" onclick="javascript:方法"
----------------------------------------------------------------------------

#包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是

跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

<script>
function openWin(tag,obj)
{
obj.target
="_blank";
obj.href
= "Web/Substation/Substation.aspx?stationno="+tag;
obj.click();
}

</script>

<a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>


window.location.href=""

--------------------------------------------

< base >是一个链接基准标记,用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分,即标记< head >与< /head >之间。

<head>
<base href="/" />
</head>

上面是符合xhtml的写法。这样,即设定了该网页中所有HTTP文件及图片(包括相对路径链接及图片地址等)的默认路径为cocoad.com.cn的首页,这参数只可填入一个相对或绝对路径。

一般相对路径链接及图片地址等都是默认以该网页所在的目录作为起点,若使用这个方法,该文件中所有链接将会以cocoad.com.cn的首页作为起点。

在设定了base的情况下,如果有一个链接如下

<head>
<base href="/" />
</head>
<body>
<a href="/">可可设计</a>
</body>

那么,不管这个链接在页面的什么位置,它都指向dUcky的私生活。

用这个方法,我们也可以把所有链接都设成在新窗口打开,也就是target="_blank" 。

<head>
< base target="_blank" />
</head>

这样,页面所有的链接都将在新窗口打开。


分享到:
评论

相关推荐

    详解a href=#与 a href=[removed]void(0) 的区别

    当需要打开新窗口链接时,有几种常见方法: 1. 使用`window.open('url')`直接在新窗口中打开URL。 2. 定义自定义函数,如示例中的`openWin(tag,obj)`,然后在`onClick`事件中调用,这可以更加灵活地控制新窗口的属性...

    javascript-void(0)是什么意思?JS的几种跳转.docx

    在HTML中,`&lt;a href="#"&gt;`和`&lt;a href="javascript:void(0)"&gt;`这两个链接看起来很相似,但实际上存在重要的区别: - `#`表示页面内部的锚点,即指向页面内部的一个特定位置,默认情况下指向页面顶部(`#top`)。 - `...

    [removed]void(0)是什么意思及href=#与href=javascriptvoid(0)的区别

    另外,如果你想在一个链接上打开新窗口,有以下几种方法: 1. 使用`window.open`函数: ```javascript &lt;a href="javascript:void(0)" onclick="window.open('url')"&gt;新窗口链接&lt;/a&gt; ``` 2. 自定义函数: ```...

    浅谈href=#与href=[removed]void(0)的区别

    其中,"href#"和"href=javascript:void(0)"是两种常见的链接形式,尽管看起来相似,但它们在实际应用中有着本质的不同。 首先,"href#"在HTML超链接中用于定位到当前页面的某个部分。通常,"#"后面会跟上一个锚点...

    link的使用方法

    &lt;a href='javascript:void(0)' onclick='javascript:top.document.location.href="/businessobjects/enterprise115/desktoplaunch/jsp/headerPlusAF.jsp?navNames=Dashboard_Demo,PageAdaptive,TopMain"'&gt;&lt;/a&gt; ``` ...

    NET2005关闭窗口的方法

    这种方式适用于由JavaScript动态创建的窗口,例如使用`window.open()`方法打开的新窗口。当用户点击链接时,`window.close();`脚本将被执行,从而关闭当前窗口。 ### 2. 避免关闭窗口时出现提示框 对于非...

    js利用google翻译接口把网页翻译成各国语言

    - **打开新窗口或标签页**:通过设置`window.open()`函数中的参数,可以使翻译后的页面在新窗口或新标签页中打开,这提供了更好的用户体验。 #### 3. 代码示例解析 下面对代码片段中的几个关键部分进行详细分析: ...

    javascript的经典面试题汇总

    根据给定的信息,我们将深入分析并提取出与JavaScript面试题相关的知识点。 ### 一、单选题 #### 1. 以下哪条语句会产生运行错误: - **选项A**: `var obj = ();` - **解析**:在JavaScript中,括号`()`通常用于...

    ASP.NET弹出对话框几种基本方法

    ### ASP.NET弹出对话框几种基本方法 在ASP.NET应用程序的开发过程中,为了与用户进行有效的交互,我们经常需要使用到各种类型的对话框。这些对话框可以用来提示用户信息、确认用户操作、甚至根据用户的反馈执行不同...

    JS弹出新窗口被拦截的解决方法

    例如,&lt;a href="javascript:void(0)" onclick="window.open('页面地址', '新窗口名称', '宽度=xx,高度=yy');"&gt;点击打开&lt;/a&gt;。这样,浏览器会认为用户是通过点击操作请求打开新窗口的,通常不会拦截。 2. 在异步请求...

    禁止网页图片下载代码

    " href="javascript:void(0);"&gt; &lt;img style="CURSOR: pointer;" onclick="javascript:window.open(this.src);" src="http://img.alixixi.com/mylogo.gif" width="85" height="55" onload="return imgzoom(this, 550...

    ASP.NET页面刷新方法总结

    本文将详细介绍几种常见的ASP.NET页面刷新方法及其应用场景。 #### 1. 使用 `Response.Redirect` 这种方法通过发送一个HTTP重定向到客户端来实现页面刷新。它是最简单也是最常用的一种方式。具体实现如下: ```...

    最新优化收藏到网摘代码(digg,diigo)

    本篇文章将详细介绍一种最新的优化方法,该方法能够让用户在点击收藏链接时,在新窗口中打开网摘服务,并自动填充网页标题与来源地址,甚至可以自动提取摘要信息,从而极大地提高了用户的使用体验。 #### 收藏代码...

    ASP.NET程序中常用的三十三种代码.txt

    1. 打开新的窗口并传送参数:  传送参数: response.write("&lt;script&gt;window.open(’*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"’)&lt;/script&gt;")  接收参数: string a = Request.QueryString(...

    ASP.net中常用13种代码

    ### ASP.NET中常用的13种代码详解 #### 1. 打开新的窗口并传送参数 ...以上几种方法都是通过修改表格行的属性来实现不同的交互效果,包括打开新窗口、跳转到其他页面等。这些方法可以极大地提高用户的操作体验。

    Asp.net常用代码

    这里的关键在于使用了`window.open()`函数来打开新窗口,并且通过`Response.Write`将JavaScript代码输出到页面中执行。需要注意的是,`this.DropDownList1.SelectIndex`应该被替换为实际的索引值,而`++`运算符也...

    vs.net各种刷新页面的方法

    本文将详细介绍几种在VS.NET环境下实现网页刷新的方法,包括无提示刷新、JavaScript刷新以及处理模式窗口中的数据缓存问题。 #### 一、无提示刷新网页 **1.1 使用服务器端代码进行刷新** 在ASP.NET中,可以利用...

Global site tag (gtag.js) - Google Analytics