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

<a href="#" onclick=""> 不能不知道的技巧

阅读更多
今天遇到 一点击
连接就自动转到首页
开始的时候 连接时这样写的:
<a href="#" onclick="javascript:addPrices(${va.bpartid}); return false;">价格</a>

到修改为:
<a href="javascript:addPrices(${va.bpartid});">价格</a>
就好了

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

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.

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


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

 

有时恰好要利用锚记功能,再比如 给博客加简单的回复功能所使用的代码

<a href="#commentarea" onclick="return backcomment('{{comment.author}}');">回复</a>

//回复自动输入姓名函数
function backcomment(msg){
backdb=document.getElementById('comment');
backdb.value="@"+msg;
return true;
}

 

分享到:
评论

相关推荐

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;td width="594" height="16" valign="top" background="/images/index_13.jpg"&gt;&lt;script language='JavaScript' type='text/JavaScript' src='/Article/js/menu.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' ...

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

    它的主要用途在于触发 JavaScript 事件,如在上面的例子中 `&lt;a href="#" onclick="window.close()"&gt;关闭&lt;/a&gt;`,点击这个链接并不会使页面刷新或移动,而是执行 `onclick` 事件绑定的 JavaScript 代码(在这个例子中...

    Web编程中的一些技巧

    - 可以将`&lt;a href="#"&gt;&lt;/a&gt;`替换为`&lt;a href="####"&gt;&lt;/a&gt;`,这样可以避免页面回到顶部的行为。 5. **使用`void(0)`**: - 使用`&lt;a href="javascript:void(0)"&gt;链接文本&lt;/a&gt;`。这种方法同样会阻止页面跳转,同时...

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

    &lt;a href="#" onclick="if (confirm('确定要删除吗?')) location='boos.asp?&areyou=删除&page=1';"&gt;删除&lt;/a&gt; ``` #### 技巧十三:获取元素的绝对位置 可以通过以下JavaScript或VBScript代码来获取页面上某个元素的...

    JavaScript制作下拉菜单

    &lt;a href="#"&gt;选项1&lt;/a&gt; &lt;a href="#"&gt;选项2&lt;/a&gt; &lt;a href="#"&gt;选项3&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; ``` 2. **CSS样式**:然后,通过CSS设置按钮和列表的样式,以及隐藏和显示列表的规则。例如,可以使用`display:none`来隐藏...

    40种javascript小技巧

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

    网页中最好用的网页技巧

    &lt;button onclick="hh1.Click()"&gt;最小化&lt;/button&gt; ``` 以上这些技巧覆盖了网页开发中常见的需求场景,包括但不限于用户体验优化、安全性提升等方面。它们能够帮助开发者更好地管理和控制网页的行为,同时也能提供更...

    网页制作常用的小技巧

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

    javaScript55个经典技巧

    为了确保页面不能被其他页面作为框架内容加载,可以使用以下代码: ```html &lt;script language="JavaScript"&gt;&lt;!-- if (top.location != self.location) top.location = self.location; //--&gt;&lt;/script&gt; ``` #### 10. ...

    js技巧收集(200多个)

    &lt;a href="" onMouseOver="hello()"&gt;链接&lt;/a&gt; &lt;script language="JavaScript"&gt; function hello() { alert("!"); } &lt;/script&gt; ``` ### 11. 动态改变页面背景颜色 - **选择器改变背景色**: ```html &lt;script&gt;...

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

    &lt;a href="#" onclick="this.style.behavior=url(#default#homepage); this.setHomePage()"&gt;设为主页&lt;/a&gt; ``` 点击链接时,会提示用户是否将当前页面设为主页。 以上24个小技巧涵盖了ASP.NET网页设计中常见的实用...

    HTML5入门资料

    &lt;p&gt;Posted by &lt;a href="#author"&gt;John Doe&lt;/a&gt; on June 1, 2023&lt;/p&gt; &lt;/aside&gt; &lt;/article&gt; ``` 此外,还有其他许多重要的标签,如`&lt;audio&gt;`、`&lt;video&gt;`、`&lt;canvas&gt;`等,这些标签极大地丰富了网页的表现形式,使得...

    JavaScript实用技巧集锦.doc

    &lt;input type="button" value="查看网页源代码" onclick="window.location='view-source:' + window.location.href"&gt; ``` #### 十、删除确认提示 - **技巧描述**:在删除链接上添加确认对话框,询问用户是否真的...

    一些很经典的网页脚本

    根据给定文件的信息,我们可以总结出一系列经典的网页脚本知识点,这些脚本主要涉及网页的安全...以上列举的脚本是网页开发者常用的技巧,可以帮助他们更好地管理和保护自己的网站内容,同时也能提供更好的用户体验。

    JavaScript常用技巧

    2. **自定义快捷方式图标**:对于某些浏览器(如Internet Explorer),可以通过 `&lt;link rel="Bookmark" href="favicon.ico"&gt;` 来设置书签栏或收藏夹中的图标。 - 示例代码:`&lt;link rel="Bookmark" href="favicon....

    JavaScript的一些实用技巧收藏

    &areyou=删除&page=1'"&gt;删除&lt;/a&gt; ``` 通过这个技巧,可以有效地防止用户误操作。 #### 九、获取元素位置 **技巧12:** 获取页面上任意元素的坐标位置。 ```html &lt;script language="JavaScript"&gt; function getIE...

Global site tag (gtag.js) - Google Analytics