`
Vince_Lee
  • 浏览: 60853 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

<a>停止在当前页,a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法

阅读更多

<a href="javascript:void(0);">

 

#包含了一个位置信息

默认的锚点是#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>

 

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


window.location.href=""

分享到:
评论

相关推荐

    学生网页制作

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;

    超链接(文本超链接、图像超链接)

    -- &lt;a href=""&gt;&lt;/a&gt; --&gt;超链接标签(用于从一个页面链接到另一个页面) &lt;br&gt; 文本超链接 &lt;br&gt; &lt;a href="https://www.baidu.com/"&gt;百度&lt;/a&gt; &lt;div&gt; &lt;!-- &lt;a href=" 不写值 "&gt;百度&lt;/a&gt; --&gt;空链接 &lt;br&gt; &lt;a href=""&gt;&lt;/...

    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;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;li&gt;&lt;a title=...

    关闭" data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-4-933467-iteye_blog-1101959.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-4-933467-iteye_blog-1101959.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-1101959.nonecase\"}"}' > <A class=a07 href="javascript:window.close()">关闭</A>

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

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

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

    基础h5代码

    &lt;p&gt;&lt;a href="#bt1"&gt;回到底部&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://10.61.2.6"&gt;外部站点1&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.runoob.com"&gt;外部站点2&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="ftp://10.66.28.222:2007"&gt;外部站点3&lt;/a&gt;&lt;/p&gt; &lt;p...

    ASP.Net电子商务网站后台模板

    &lt;li id="now19"&gt;&lt;a title="生成文件管理" href="#" target="content3"&gt;&lt;span&gt;生成文件管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="now1a"&gt;&lt;a title="标签管理" href="#" target="content3"&gt;&lt;span&gt;标签管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li...

    jQuery横向二级滑动导航菜单

    &lt;li&gt;&lt;a href="#"&gt;空调&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;电量仪&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;温度&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="mainlevel" id="mainlevel_02"&gt;&lt;a href="#"&gt;容量可视化&lt;/a&gt; &lt;ul class="sub_nav_...

    团购网站商品分类导航代码

    &lt;span&gt;&lt;a href="#" title="无束腰长方凳"&gt;无束腰长方凳&lt;/a&gt;&lt;/span&gt; &lt;span&gt;&lt;a href="#" title="寿字纹圈椅"&gt;寿字纹圈椅&lt;/a&gt;&lt;/span&gt; &lt;span&gt;&lt;a href="#" title="四出头官帽椅"&gt;弯材四出头&lt;/a&gt;&lt;/span&gt; &lt;span&gt;&lt;a href...

    网页制作作业

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad4.jpg" thumb="" alt="" text="详细描述4" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/ad3.jpg" thumb="" alt="" text="详细描述5" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt;

    js星级评论打分效果

    &lt;a href="javascript:;"&gt;1&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="javascript:;"&gt;2&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="javascript:;"&gt;3&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="javascript:;"&gt;4&lt;/a&gt; &lt;/...

    菜单修改版

    &lt;li&gt;&lt;a href="#"&gt;JavaScript&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;JAVA&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;SSH&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;前段设计&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;PHP&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;ASP&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a...

    jQuery折叠菜单

    &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/废气.gif" border="0" /&gt;废气&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/固废.gif" border="0" /&gt;固废&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li ...

    超强JS(javascript)正则类

    */&lt;br&gt;//=================================//&lt;br&gt; * JS正则表达式类&lt;br&gt; * 例:&lt;br&gt; * var str="&lt;html&gt;&lt;script type='text/javascript'&gt;var a=10;&lt;/script&gt;&lt;body&gt;&lt;script type='text/javascript'&gt;var b=10;&lt;/...

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

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

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

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

    javascript:void(0);

    javascript:void(0);

    JSP分页代码

    page=&lt;%= intPageCount %&gt;"&gt;尾页&lt;/a&gt;&lt;br&gt; &lt;% } %&gt;跳转到&lt;br&gt; &lt;select name="page" onChange="javascript:this.form.submit();"&gt;&lt;br&gt; &lt;% for(i=1;i&lt;=intPageCount;i++){%&gt; &lt;br&gt; &lt;option value="&lt;%= i %&gt;" &lt;% if(int...

    如家宠物网站

    xml=&lt;data&gt;&lt;config&gt;&lt;isShowTitle&gt;0&lt;/isShowTitle&gt;&lt;autoPlayTime&gt;5&lt;/autoPlayTime&gt;&lt;/config&gt;&lt;channel&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;&lt;image&gt;images/0411412705084558.jpg&lt;/image&gt;&lt;title&gt;&lt;/title&gt;&lt;/item&gt;&lt;item&gt;&lt;link&gt;&lt;/link&gt;...

Global site tag (gtag.js) - Google Analytics