标签: href

HTML标记<a>想要添加href和onclick工作

我想问一下HTML标签

<a href="www.mysite.com" onClick="javascript.function();">Item</a>
Run Code Online (Sandbox Code Playgroud)

如何使这一个标签与工作HREF的onClick?(首选onClick先运行然后再运行)

html javascript tags onclick href

116
推荐指数
4
解决办法
45万
查看次数

如何通过javascript更改按钮上的<a>标签的href

如何在按钮点击时通过Javascript 更改标签的href属性值<a/>

<script type="text/javascript">
  function f1()
  {
    document.getElementById("abc").href="xyz.php"; 
  }
</script>

<a href="" id="abc">jhg</a>
<a href="" id="" onclick="f1()">jhhghj</a>
Run Code Online (Sandbox Code Playgroud)

javascript href attr

113
推荐指数
4
解决办法
40万
查看次数

如何在加载页面时禁用锚点"跳转"?

我认为这可能是不可能的,我会尽力解释.我有一个包含选项卡(jquery powered)的页面,由以下内容控制:

我正在使用此代码,由前一个问题中的其他用户提供.

<script type="text/javascript">
    $(function() {

     $('html, body').animate({scrollTop:0}); // this is my "fix"

        var tabContent = $(".tab_content");
        var tabs = $("#menu li");
        var hash = window.location.hash;
     tabContent.not(hash).hide();
        if(hash=="") {
      $('#tab1').fadeIn();
     }
        tabs.find('[href=' + hash + ']').parent().addClass('active');

        tabs.click(function() {
            $(this).addClass('active').siblings().removeClass('active');
            tabContent.hide();
            var activeTab = $(this).find("a").attr("href");

            $(activeTab).fadeIn();
           return false;
        });

    });
</script>
Run Code Online (Sandbox Code Playgroud)

当我直接访问"标签页"时,此代码非常有用.

但是,我需要链接到其他页面的invidual标签 - 所以要做到这一点,代码获取window.location.hash然后显示适当的选项卡.

由于"返回false",页面不会"跳转"到锚点.

但是,此事件仅在单击事件时触发.因此,如果我从任何其他页面访问我的"标签",则会触发"跳转"效果.为了解决这个问题,我自动滚动到页面顶部,但我宁愿这不会发生.

是否有任何方法可以在页面加载时模拟"返回false",从而防止锚点"跳转".

希望这很清楚.

谢谢

jquery tabs href

101
推荐指数
7
解决办法
13万
查看次数

从anchor(a)标记获取本地href值

我有一个具有本地href值的锚标记,以及一个使用href值的JavaScript函数,但将它指向一个与通常不同的地方.标签看起来像

<a onclick="return follow(this);" href="sec/IF00.html"></a>
Run Code Online (Sandbox Code Playgroud)

和一个看起来像的JavaScript函数

baseURL = 'http://www.someotherdomain.com/';
function follow(item) {
    location.href = baseURL + item.href;
}
Run Code Online (Sandbox Code Playgroud)

我希望item.href只返回一个短的字符串"sec/IF00.html",而是返回完整的href,"http://www.thecurrentdomain.com/sec/IF00.html".有没有办法我可以拉出锚<a>标签中的短href ?或者我通过自然的HTML行为失去了它?

我想我可以使用字符串操作来执行此操作,但它变得棘手,因为我的本地页面实际上可能是"http://www.thecurrentdomain.com/somedir/somepath/sec/IF00.html",并且我的href字段可能或者可能没有子目录(对于ex href="page.html"vs. href="sub/page.html"),所以我不能总是在最后一个斜杠之前删除所有东西.

你可能想知道为什么我要求这个,这是因为它只会使页面更清洁.如果不可能只得到短的href(如在锚<a>标签中那样),那么我可能只是在标签中插入一个额外的字段,比如link="sec/IF00.html",但是再次,这会有点麻烦.

html javascript href

100
推荐指数
4
解决办法
22万
查看次数

ASP MVC href到控制器/视图

我有这个:

<li><a href="/Users/Index)" class="elements"><span>Clients</span></a></li>
Run Code Online (Sandbox Code Playgroud)

哪个工作正常.但是,如果我已经在这个页面或控制器上,例如/Users/Details我单击此链接,它会重定向到我/Users/Index.

href无论我目前在网站上的位置如何,我怎样才能获得正确的路径?

asp.net asp.net-mvc href razor asp.net-mvc-4

84
推荐指数
5
解决办法
20万
查看次数

将JavaScript代码放在<a>中的不同方法之间有什么区别?

我已经看到了将JavaScript代码放入<a>标记的以下方法:

function DoSomething() { ... return false; }
Run Code Online (Sandbox Code Playgroud)
  1. <a href="javascript:;" onClick="return DoSomething();">link</a>
  2. <a href="javascript:DoSomething();">link</a>
  3. <a href="javascript:void(0);" onClick="return DoSomething();">link</a>
  4. <a href="#" onClick="return DoSomething();">link</a>

我理解尝试放置有效URL而不仅仅是JavaScript代码的想法,以防用户没有启用JavaScript.但是为了讨论的目的,我需要假设启用了JavaScript(没有它就无法登录).

我个人喜欢选项2,因为它可以让你看到将要运行的内容 - 在调试传递给函数的参数时尤其有用.我已经使用了很多,并没有发现浏览器问题.

我读过人们推荐4,因为它给了用户一个真实的链接,但实际上,#不是"真实的".它绝对不会在哪里.

当您知道用户启用了JavaScript时,是否有一个不支持或非常糟糕?

相关问题:JavaScript链接的Href:"#"或"javascript:void(0)"?.

html javascript href

83
推荐指数
3
解决办法
5万
查看次数

如果执行onclick,如何禁用HREF?

我有一个锚 HREFONCLICK属性进行设置.如果单击并启用Javascript,我希望它只执行ONCLICK并忽略HREF.同样,如果Javascript被禁用或不受支持,我希望它遵循HREFURL并忽略ONCLICK.下面是我正在做的一个例子,它将执行JS并同时跟踪链接(通常执行JS然后页面更改):

<A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A>
Run Code Online (Sandbox Code Playgroud)

最好的方法是什么?

我希望得到一个Javascript答案,但我会接受任何方法,只要它有效,特别是如果这可以用PHP完成.我已经读过" 一个href链接执行并在javascript onclick函数能够完成之前重定向页面 ",但它只是延迟HREF,但并没有完全禁用它.我也在寻找更简单的东西.

html javascript anchor onclick href

80
推荐指数
7
解决办法
20万
查看次数

使用jQuery/javascript测试链接是否在外部?

如何测试链接是外部链接还是内部链接?请注意:

  1. 我无法对本地域进行硬编码.
  2. 我无法测试"http".我可以通过http绝对链接轻松链接到我自己的网站.
  3. 我想使用jQuery/javascript,而不是css.

我怀疑答案位于location.href的某个地方,但解决方案避开了我.

谢谢!

javascript jquery location href

62
推荐指数
7
解决办法
4万
查看次数

jQuery:转到带有target ="_ blank"的URL

我正在使用这一点jQuery代码来获取链接的href:

var url = $(this).attr('href');
Run Code Online (Sandbox Code Playgroud)

- 这个代码转到那个href:

window.location = url;
Run Code Online (Sandbox Code Playgroud)

一切都是我想要的方式,除了新页面在前一个窗口中打开,我希望它在新窗口或标签中打开(通过使用target =" _blank"公式".

问题:如何使用jQuery在新窗口或选项卡中打开href?

谢谢您的帮助!

url jquery href target

61
推荐指数
3
解决办法
23万
查看次数

如何在JavaScript中获取"原始"href内容

我正在尝试编写一个GreaseMonkey脚本,我想在其中找到所有相关链接的链接.在我看来,这样做的方法是匹配href的内容/^https?:///.

但我发现当我访问锚点的href属性时,它总是被标准化或烹饪成包含"http"的表单.也就是说,如果HTML包含:

<a id="rel" href="/relative/link">inner</a>
Run Code Online (Sandbox Code Playgroud)

访问

document.getElementById("rel").href
Run Code Online (Sandbox Code Playgroud)

回报

http://example.com/relative/link
Run Code Online (Sandbox Code Playgroud)

如何访问href属性中的原始数据?

或者,是否有更好的方法来查找相关链接?

javascript anchor href relative-url

56
推荐指数
2
解决办法
4万
查看次数