`
kyng
  • 浏览: 24757 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

[转]-- <a href="#" onclick=" ">的一个小技巧

阅读更多

[/color]使用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达到分类重定向的效果

 


转自:http://leowzy.iteye.com/blog/480795

 

分享到:
评论

相关推荐

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

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

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

    &lt;p class="alignment"&gt;&lt;a href="#"&gt;栏目一&lt;/a&gt;&lt;/p&gt; &lt;p class="alignment"&gt;&lt;a href="#"&gt;栏目二&lt;/a&gt;&lt;/p&gt; &lt;p class="alignment"&gt;&lt;a href="#"&gt;栏目三&lt;/a&gt;&lt;/p&gt; &lt;p class="alignment"&gt;&lt;a href="#"&gt;栏目四&lt;/a&gt;&lt;/p&gt; &lt;p ...

    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,...

    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初学者...

    JS网页常用小技巧

    ### JS网页常用小技巧知识点详解 #### 一、屏蔽鼠标右键点击 **知识点:** 使用`oncontextmenu`事件可以阻止默认上下文菜单(即鼠标右键菜单)的显示。 ```html &lt;body oncontextmenu="return false;"&gt; ``` 或者在...

    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 ...

    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...

    javaScript55个经典技巧

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

    用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;欢迎...

    ASP.NET网页设计的24条小技巧

    通过`&lt;iframe&gt;`标签可以方便地将一个页面嵌入到另一个页面中: ```html &lt;iframe name="tt" src="01a.html" width="450" height="287" scrolling="auto" frameborder="0"&gt;&lt;/iframe&gt; ``` #### 技巧10:跳转到新页面 ...

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

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

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

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

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

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

    网页制作常用的小技巧

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

    js学习笔记

    根据给定的文件信息,以下是对“js学习笔记”中提到的55个JS小技巧的部分知识点进行的详细解析: ### 1. 阻止右键菜单与文本选择 在网页开发中,有时我们希望阻止用户通过右键菜单进行某些操作,如复制或保存图片...

    javascript小技巧归纳

    根据提供的文件信息,我们可以归纳出一系列有关JavaScript的小技巧和实用代码片段。这些技巧涉及了从简单的页面元素控制到更复杂的事件处理与用户交互等方面。接下来将详细解释每一项技巧的具体含义及其应用场景。 ...

    网页开发实用技巧 网页开发 网站开发 网站开发实用技巧

    使用`&lt;link&gt;`标签可以为网站设置一个自定义的图标,这在浏览器的地址栏中会显示出来: ```html &lt;link rel="Shortcut Icon" href="favicon.ico"&gt; ``` 另外,也可以通过`&lt;link rel="Bookmark"&gt;`来设置书签图标: ```...

    asp.net控件小技巧

    下面将详细介绍这些控件的功能、用途以及一些实用的小技巧。 ### 1. ASP.NET中的事件触发控件 - **`onBlur`**:当元素失去焦点时触发。在示例中,文本框会在失去焦点时检查其值是否为空,如果为空,则将其设置为...

Global site tag (gtag.js) - Google Analytics