`
eimhee
  • 浏览: 2160445 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
使用javascript的时候,通常我们会通过类似:
< a href="#" onclick="javascript:方法">提交< /a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
< a href="#" onclick="方法;return false;">提交< /a>
或< a href="javascript:void(0)" onclick="方法">提交< /a>
同时页面链接地址也不会被添加上#
分享到:
评论
4 楼 mida 2010-03-25  
太谢谢了,我的问题解决了。使用void(0)本来可以,可是在我的页面中执行完onclick后又打开一个新页面。苦闷。现在用return false就什么都解决了。
3 楼 lorz 2009-08-21  
干脆用 span 好了
2 楼 dogstar 2009-08-21  
用<button type="button">提交</button>岂不是更好.样式css控制一下就是了.
1 楼 baoq 2009-08-21  
< a href="#this" onclick="javascript:方法">提交< /a>

相关推荐

    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