`
clrw
  • 浏览: 21399 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

<a>标签使用技巧一则:阻止滚动条上滚。

阅读更多

在一个超链接中 可以使用href 和onlick,有时要在A的标记同时使用,在同时使用时,有时让href起作用或者失效,那么如何设计呢?

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

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

提交 的方式,通过一个伪链接来调用javascript方法。

这种方法有一个问题是:

虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false. 如下所示:

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

 

0
3
分享到:
评论

相关推荐

    网页设计代码大全.doc

    12. **改变帖子背景**:`&lt;body background="背景图片地址"&gt;` 改变整个页面背景,`bodybgproperties=fixed` 使背景固定不随滚动条移动。 13. **定制帖子背景颜色**:`&lt;body bgcolor="#value"&gt;`,`value` 是16进制...

    用iframe做的遮罩层

    为了让遮罩层支持页面滚动,我们需要确保`&lt;iframe&gt;`的滚动条设置正确。可以设置`&lt;iframe&gt;`的`scrolling`属性为`no`,然后在外部页面中处理滚动事件。至于拖动,可以通过监听鼠标事件,计算鼠标的移动距离,然后更新`...

    Dreamweaver网站制作笔记

    9. **嵌入网页**:使用`&lt;iframe&gt;`标签可以将一个网页嵌入到另一个网页中,通过调整`width`和`height`属性来设置框架尺寸,`scrolling`属性决定是否显示滚动条,`frameborder`控制边框显示。 10. **页面跳转**:利用...

    40种网页常用小技巧(javascript)

    1. `oncontextmenu` 事件:通过设置 `oncontextmenu="window.event.returnValue=false"` 可以阻止用户在网页上使用鼠标右键菜单,例如在表格 `&lt;table&gt;` 中应用,以防止用户对表格内容进行右键操作。 2. `...

    dreamweaver代码汇编.pdf

    1. **滚动条控制**:通过设置`&lt;body&gt;`标签的样式属性,可以控制页面的横向和纵向滚动条的显示和隐藏。例如,`overflow-y:hidden`将隐藏垂直滚动条,`overflow-x:hidden`则隐藏水平滚动条,而`scroll="no"`则同时隐藏...

    Web编程中的一些技巧

    3. **使用`&lt;span&gt;`替换`&lt;a&gt;`标签**: - 如果链接实际上无需执行任何跳转动作,仅用于改变鼠标指针形状,可以使用`&lt;span style="cursor: hand;"&gt;链接文本&lt;/span&gt;`来替代。 4. **使用特殊字符替换`#`**: - 可以将`...

    Dreamwear设计常用代码 1-6.docx

    为了防止用户复制或选取页面上的内容,可以通过在`&lt;body&gt;`标签中添加事件处理函数来实现。`ondragstart=window.event.returnValue=false`阻止拖动操作,`oncontextmenu=window.event.returnValue=false`禁止右键菜单...

    div+css布局中常用方法汇总.pdf

    24. **导航列表样式**:导航列表的样式最好直接应用到`&lt;a&gt;`标签上,而不是`&lt;li&gt;`标签,以保持更好的语义和控制。 25. **语音家族与CSS解析**:`voice-family`属性在IE5和IE6中有不同的解析方式,可以利用这一特性...

    网页经典代码分享.pdf

    IFrame标签用于在页面中嵌入另一个页面,`src`属性指定要加载的URL,`width`和`height`定义其尺寸,`scrolling`控制滚动条的显示,`frameborder`设置边框,`name`为IFrame命名,便于引用。 这些经典代码在网页开发...

    Dreamweaver代码

    例如,`overflow-y:hidden`隐藏垂直滚动条,`overflow-x:hidden`隐藏水平滚动条,而`scroll="no"`则同时隐藏两者。 2. **表格颜色变化**: 使用JavaScript事件处理程序可以实现表格单元格(`&lt;TD&gt;`)的背景色变化。当...

    dreamveaver不错的网页经典代码

    1. 阻止鼠标右键菜单:通过`oncontextmenu`事件,可以禁止用户在网页上使用鼠标右键弹出菜单,如`&lt;body oncontextmenu="window.event.returnValue=false"&gt;`。 2. 取消选取和复制:`onselectstart="return false"`和...

    javascript技巧大全

    25. **style标签里的第一个样式**:`document.styleSheets[0].rules[0]`可以获取`&lt;style&gt;`标签中的第一条样式规则。 - 示例代码: ```javascript console.log(document.styleSheets[0].rules[0]); ``` 26. **...

    div+css布局中常用方法汇总.docx

    9. **模拟iframe滚动条**:通过设置`overflow:auto`,可以在一个div中创建类似iframe的滚动条。 10. **浮动和清除浮动**:在嵌套列表中,设置`li`的高度为`auto`,并根据需要清除浮动。子`li`的`float:none`和子`ul...

    网页制作--经典代码

    //--&gt;&lt;/SCRIPT&gt;` 类似于上一条,但更直接地防止页面被嵌入其他框架。 7. 禁止“另存为”功能: `&lt;noscript&gt;&lt;iframe src=*.html&gt;&lt;/iframe&gt;&lt;/noscript&gt;` 利用`&lt;noscript&gt;`标签,可以在JavaScript禁用的情况下加载...

    JS高级应用(一).pdf

    消除图片链接周围的虚线,可以通过直接设置`&lt;a&gt;`标签的样式,如`&lt;a href="#" style="outline:none"&gt;&lt;img src="test.jpg"&gt;&lt;/a&gt;`。在子窗口中刷新父窗口,使用`window.opener.location.reload()`。 获取窗口大小,...

    50条网页制作小技巧集锦.pdf

    例如,`overflow-y:hidden`用于隐藏垂直滚动条,`overflow-x:hidden`用于隐藏水平滚动条,而`&lt;body scroll="no"&gt;`则可以同时去掉两者。 2. **表格交互效果**:通过JavaScript事件处理,可以实现表格单元格(TD)的...

    给html超链接设置事件不使用href来完成跳

    然而,在某些情况下,我们可能需要使用`&lt;a&gt;`标签触发JavaScript事件,而不希望页面发生实际的跳转。这就涉及到如何正确地设置事件处理程序以避免默认行为的发生。以下就是如何实现这一目标的方法。 首先,让我们...

    JavaScript 经典代码大全

    &lt;a href="#" onFocus="this.blur()"&gt;&lt;img src="logo.jpg" border="0"&gt;&lt;/a&gt; ``` 通过`onFocus`事件处理器并调用`this.blur()`方法,可以在鼠标移入链接时去除图片周围的蓝色边框,这对于提高用户体验非常有帮助。 ##...

    JavaScript技巧大全(ie)

    43. **防止空链接导致页面滚动**:`&lt;a href="javascript:function()"&gt;word&lt;/a&gt;` 阻止空链接点击后页面滚动到顶部。 44. **上一页源**:在ASP中,`request.servervariables` 可以获取服务器变量,例如上一页的URL。 ...

Global site tag (gtag.js) - Google Analytics