`

javascript 与 a href的结合

阅读更多

有的时候,我们希望一个链接显示的是网址1,但点击以后,实际跳转到其他的网站。这个时候,我们就要使用onclick事件。

我们可以这样做:

function onok()
{
alert("ok");
window.location.href="http://www.reuters.com";
return;
}
 

<a onclick="javascript:onok();" href="http://www.sina.com.cn">sina</a>

 

但是,虽然我们在onok()里面进行了跳转,用ie的时候点击仍然会到sina去,而firefox不会。

解决方法如下:

<a onclick="javascript:onok();return false



;" href="http://www.sina.com.cn">sina</a>
 
分享到:
评论

相关推荐

    动态更改A标签的HREF,防止打开外部连接时被浏览器拦截

    总之,动态更改`&lt;a&gt;`标签的`href`属性是一种常见的前端技术,它结合了JavaScript和jQuery的强大功能,使得网页能够灵活地响应用户交互和服务器数据。在C#和.NET框架中,你可以通过后端服务支持这种动态性。同时,...

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

    根据提供的文件信息,我们可以归纳出一系列与网页设计中常用的JavaScript特效相关的知识点。下面将详细介绍这些知识点,以便更好地理解和应用。 ### 网页设计中常用的JavaScript特效代码 #### 1. 文本缩放功能 在...

    空链接 href="#"与href="javascript-void(0)"的区别.docx

    ### 空链接 `href="#"` 与 `href="javascript:void(0)"` 的区别 在Web开发中,经常会遇到需要创建空链接的情况,这些链接主要用于页面内的导航或者是触发某些JavaScript事件,而不是真正的跳转到另一个页面。在HTML...

    javascript;与javascriptvoid(0)使用介绍

    &lt;a href="javascript:alert('Hello World!');"&gt;点击我&lt;/a&gt; ``` 这段代码会在用户点击链接时弹出一个包含“Hello World!”的警告框。 **特点:** - **无需加载新页面**:`javascript:`不会导致页面跳转或重新加载,...

    JavaScript源代码集

     在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合。怎样做到的呢 以下就是这一个连结的...

    php代码集合,html,JavaScript,css与php的结合应用

    例如,`&lt;h1&gt;`表示一级标题,`描述"&gt;`插入图片,`&lt;a href="http://example.com"&gt;链接&lt;/a&gt;`创建超链接。HTML文档是静态的,无法处理用户交互。 JavaScript则为HTML赋予了动态功能。它是一种客户端脚本语言,运行在...

    a标签中调用js中的方法的方法

    综上所述,虽然有多种方式可以在`&lt;a&gt;`标签中调用JavaScript方法,但推荐使用`&lt;a href="javascript:void(0);" onclick="js_method();&gt;`或`&lt;a href="javascript:;" onclick="js_method();&gt;`,它们兼顾了代码简洁性、...

    Javascript左边导航条的例子

    首先,创建这样的导航条通常涉及到HTML结构、CSS样式和JavaScript功能的结合。HTML会定义导航条的基本布局和链接,CSS则负责样式设计,使其在页面上看起来美观,而JavaScript则用来添加交互性,如点击事件、动画效果...

    JavaScript简单教材JavaScript简单教材

    &lt;A HREF="javascript:test()"&gt;按我&lt;/A&gt; ``` 为了提高代码的可读性,注释是非常重要的。在JavaScript中,单行注释以`//`开始,多行注释则使用`/* ... */`包裹。 在编写JavaScript时,需要注意一些常见的错误。...

    javascript经典特效---在页面中打开页面.rar

    总结起来,JavaScript提供了多种在页面中打开新页面的方法,包括`window.open()`、`&lt;a&gt;`标签的`onclick`事件结合JavaScript函数,以及修改`location.href`。理解并熟练运用这些技术,能够使你的网页交互体验更加出色...

    javascript横向导航

    总结来说,创建一个JavaScript横向导航栏需要结合HTML、CSS和JavaScript技术。通过合理的HTML结构,美观的CSS样式,以及适时的JavaScript交互,我们可以构建出一个中心对齐、具有下拉功能的导航栏,适用于各种编程...

    JavaScript下拉菜单

    &lt;li&gt;&lt;a href="#"&gt;Option 1&lt;/a&gt; &lt;li&gt;&lt;a href="#"&gt;Option 2&lt;/a&gt; &lt;li&gt;&lt;a href="#"&gt;Option 3&lt;/a&gt; ``` 接着,在CSS中,可以设置下拉菜单为默认隐藏: ```css #dropdown { display: none; } ``` 最后,使用...

    javascript经典特效---简单又酷的菜单条.rar

    &lt;li&gt;&lt;a href="#"&gt;菜单1&lt;/a&gt; &lt;li&gt;&lt;a href="#"&gt;菜单2&lt;/a&gt; &lt;li&gt;&lt;a href="#"&gt;菜单3&lt;/a&gt; &lt;!-- 更多菜单项 --&gt; ``` 接下来,我们需要通过CSS来定义菜单条的基本样式。这可能包括背景色、字体、边框、浮动等属性,以...

    CSS结合JavaScript 实现Li隔行换色 代码

    ### CSS结合JavaScript 实现Li隔行换色代码详解 #### 一、背景介绍 在网页设计与开发过程中,为了提高用户体验以及美观性,开发者经常需要对列表项进行样式处理,如实现列表项的隔行变色功能。这种功能不仅能够使...

    33个JavaScript经典效果

    &lt;a href="javascript:window.external.addChannel('typhoon.cdf')"&gt;直播&lt;/a&gt; &lt;a href="mailto:kayvin@sohu.com"&gt;联系&lt;/a&gt; ``` ### 知识点五:状态栏实时更新 使用`window.setTimeout()`函数结合`Date`对象,可以...

    javascript 简体繁体互换

    以上就是使用JavaScript进行简体与繁体中文互换的基本方法,结合A链接和button按钮的示例。在实际应用中,你可能需要根据具体需求进行优化,比如增加错误处理、批量转换、支持用户选择转换方向等。记住,始终确保...

    javascript实现删除前弹出确认框

    &lt;a href="" onclick="javascript: return del();"&gt;删除&lt;/a&gt; ``` 在实际开发中,有时候需要更灵活的处理。比如,当删除操作关联到某个链接或按钮时,我们可以直接在该元素的`onclick`事件处理器中调用`del()`函数,...

    JavaScript编程考试题.pdf

    3. HTML与JavaScript结合:问题14提到了属于`&lt;table&gt;`标记的选项,正确答案是B) `&lt;table&gt;&lt;tr&gt;&lt;td&gt;`,这是创建表格的基本结构。问题15询问了在HTML中插入JavaScript脚本的标记,正确答案是A) `&lt;script&gt;`。 4. Web...

    a标签href属性与onclick事件使用实例

    `href`属性更适用于简单的链接,而`onclick`则适合结合JavaScript进行复杂操作。在处理IE6等老版本浏览器时,需要特别注意事件处理和阻止默认行为的方式。合理运用这些知识,可以帮助开发者创建更高效、兼容性更好的...

    HTML与JavaScript实用教程.rar

    `&lt;a href="http://example.com"&gt;链接文本&lt;/a&gt;`则创建了一个指向指定URL的超链接。 JavaScript(简称JS)是一种轻量级的编程语言,通常在浏览器环境中运行,用于实现动态网页效果。它可以直接操作HTML元素,改变其...

Global site tag (gtag.js) - Google Analytics