`

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) 的区别

    a href=#&gt; 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP &lt;a&gt; 点击链接后,页面不动,只打开链接 &lt;a&gt; 作用同上,不同浏览器会有差异。 点击链接后,不想使...详解href=#与href=[removed]void(0)的区别 #包

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    javascript:void(0);

    javascript:void(0);

    关闭" data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-4-933467-iteye_blog-544530.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-4-933467-iteye_blog-544530.nonecase" data-report-click='{"mod":"popu_708","dest":"https://download.csdn.net/download/hanxuezheng/933467","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-4-933467-iteye_blog-544530.nonecase\"}"}' > <A class=a07 href="javascript:window.close()">关闭</A>

    &lt;A class=a07 href="javascript:window.close()"&gt;关闭&lt;/A&gt;

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

    Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。 void 操作符用法格式如下: 1. [removed]void (expression) 2. [removed]void expression expression 是一个要计算的 Javascript 标准的...

    商城代码javascript:void(0);

    商城代码javascript:void(0);

    JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx

    JS动态加载以及JavaScriptvoid(0)的爬虫解决方案.docx

    C#代码javascript:void(0);

    工控带视觉点胶机运动控制,CCD定位,直线圆弧插补

    详解A标签中href=””的几种用法

    而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法&lt;a&gt;&lt;/a&gt;,所以就来整理下a标签中href的几种用法。 一、js的几种调用方法(参考总结的)  1、a href="[removed]js_method();"  这...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    如果使用a标签跳转到指定的div区域,则只需要把a标签的href属性设置为“#divId”就好了,比如: &lt;a&gt;跳转到div&lt;/a&gt; &lt;div di=dction_1&gt; 这里是被跳转的区域 第二个,使用jquery添加或者移除class属性 也很简单,...

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    a href=javascript void(0) 是什么意思呢?加不加上有什么区别?.docx

    jquery 仿QQ相册

    &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/1.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href="javascript:void(0);"&gt;&lt;img alt="" src="pics/2.jpg"&gt;&lt;/a&gt; &lt;li&gt;&lt;a title="" href=...

Global site tag (gtag.js) - Google Analytics