`

<a href="#" onclick="">的一个小技巧

阅读更多

使用javascript的时候,通常我们会通过类似:

<a href="#" onclick="javascript:方法">提交</a>

的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.

如下所示:

<a href="#" onclick="javascript:方法;return false;">提交</a>

a href=#与 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>

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

(注:该方法可以解决超级链接的onclick事件经过判断再设置href达到分类重定向的效果)

分享到:
评论

相关推荐

    javascript实现分栏显示小技巧附图.docx

    本篇文章介绍了一个简单的使用JavaScript实现的分栏显示小技巧,并提供了一份包含代码示例和解释的文档。该技巧适用于网页开发中的各种场景,特别是对于需要动态隐藏或显示某些内容的需求非常有用。 #### 二、技术...

    网页设计常用的Javascript特效代码

    &lt;a href="javascript:doZoom(12)"&gt;小&lt;/a&gt; ``` 此段代码定义了一个`doZoom`函数,该函数接收一个参数`size`,用于设置元素的字体大小。通过调用`document.getElementById('zoom')`获取到页面中id为`zoom`的元素,并...

    链接中的href=#是什么意思呢

    然后,你可以通过 `&lt;a href="#section1"&gt;跳至第一部分&lt;/a&gt;` 来创建一个链接,当点击这个链接时,页面会滚动到名为 "section1" 的锚点位置。 4. **不写书签名称的情况**: 当只写 `href="#"` 而不指定书签名称时,...

    js 200个技巧

    &lt;a href="" onMouseOver="hello()"&gt;链接&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; ``` ### 16. 用户选择背景颜色 允许用户选择页面的背景颜色: ```html &lt;SCRIPT&gt; &lt;!--function bgChange(selObj) { newColor = selObj.options[selObj...

    Html代码技巧大全.

    - 语法:`&lt;a href="#" onclick="javascript:window.open('链接地址','窗口名称','参数')"&gt;链接文本&lt;/a&gt;` - 示例:`&lt;a href="#" onclick="javascript:window.open('http://example.com','newwindow','toolbar=no,...

    40个网页设计小技巧.txt

    &lt;a href="#" onclick="MM_openBrWindow('image.jpg', 'popup', 'width=550,height=380,scrollbars=yes');"&gt;查看图片&lt;/a&gt; ``` ### 17. 设置水平线样式 精细调整`&lt;hr&gt;`标签的显示效果,如颜色、阴影等: ```html ...

    Javascript中最常用的55个经典技巧

    "&gt;删除&lt;/a&gt; ``` #### 技巧十三:获取元素位置 为了获取页面中元素的具体位置(如图片的位置),可以使用以下脚本: ```html &lt;script language="Javascript"&gt; function getIE(e) { var t = e.offsetTop; var l = e...

    用javascript改变网页字体大小的技巧.doc

    &lt;a href="#" onclick="javascript:setfont('12px')"&gt;小&lt;/a&gt; &lt;a href="#" onclick="javascript:setfont('18px')"&gt;中&lt;/a&gt; &lt;a href="#" onclick="javascript:setfont('24px')"&gt;大&lt;/a&gt; &lt;/div&gt; &lt;div id="content"&gt;欢迎...

    HTML网页设计代码.pdf

    示例:`&lt;a href="#" onclick="javascript :window.open(文件路径/文件名,newwindow,toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);"&gt;文字或图片&lt;/a&gt;` 这些基础知识是每个HTML初学者...

    40种javascript小技巧

    虽然不能完全阻止用户保存整个网页,但可以尝试使用`&lt;noscript&gt;`标签来隐藏一个指向特定页面的`&lt;iframe&gt;`: ```html &lt;noscript&gt; &lt;iframe src="*.html"&gt;&lt;/iframe&gt; &lt;/noscript&gt; ``` #### 技巧11:查看网页源代码按钮...

    40种网页常用小技巧

    根据给定的信息,“40种网页常用小技巧”是一篇介绍网页开发中实用技巧的文章。以下是对其中提及的一些技巧的详细解释: ### 1. 禁用右键菜单 ```plaintext oncontextmenu="window.event.returnValue=false" ``` ...

    网页制作常用的小技巧

    &lt;input type="button" value="查看源代码" onclick="javascript: location.href='view-source:' + location.href"&gt; ``` 这有助于用户提供技术支持时方便地分享页面源代码。 #### 12. 删除确认提示 在删除操作前...

    Html网页代码常用小技巧! 正文

    使用 `&lt;link&gt;` 标签可以为网站设置一个图标,显示在浏览器标签页的左上角: ```html &lt;link rel="Shortcut Icon" href="favicon.ico"&gt; ``` #### 5. 设置书签图标 除了设置浏览器图标外,还可以为书签设置一个图标:...

    200多个js技巧代码

    &lt;a href="" onMouseOver="hello()"&gt;链接&lt;/a&gt; &lt;script&gt; function hello() { alert("!"); } &lt;/script&gt; ``` #### 3.9 用户选择背景颜色 允许用户选择页面背景颜色: ```html &lt;script&gt; function bgChange(selObj) { ...

    html代码大全

    &lt;a href="#" onclick="javascript:window.open(文件路径/文件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300);"&gt; 文字或图片 &lt;/a&gt; ``` `window.open`函数允许在新窗口中...

    web开发中常用的input事件汇总

    &lt;INPUT onclick="window.external.AddFavorite(location.href, document.title)" type="button" value="添加至收藏夹" name="Button22"&gt; ``` 单击后会将当前页面添加到用户的收藏夹中。 #### 组织收藏夹 ```html ...

    javaScript55个经典技巧

    &lt;a href="/*.html"&gt;不支持JavaScript&lt;/a&gt; &lt;/noscript&gt; ``` #### 11. 查看页面源码 创建一个按钮,点击后将打开查看页面源码的新窗口: ```html &lt;input type="button" value="查看页面源码" onclick="window....

Global site tag (gtag.js) - Google Analytics