当获取点击一个链接

这里运行的功能是我到目前为止有：当获取点击一个链接

<html> 
<head> 
    <title>Major League Baseball</title> 
</head> 

<body> 

<script type="text/javascript" language="JavaScript"> 
    document.writeln("2013 World Series"); 
    var today= new Date() 
    $(document).ready(function() { 
}); 
function changeLang(lang) { 
    document.cookie = 'myCulture=' + lang; 
    window.location.reload(); 
    return false; 
} 

link1.onclick = function(e) { return myHandler(e); }; 

</SCRIPT> 
<BODY onload=alert(today)> 

<a id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1">Red Sox homepage</a> 

<body onload="onload();"> 
    <input type="text" name="enter" class="enter" value="" id="lolz"/> 
    <input type="button" value="click" onclick="kk();"/> 



</body> 
</html>

我想点击一个链接时添加一个JavaScript函数。我希望链接在新窗口中打开。这会被视为一种功能吗？

来源

2013-10-24 user2916725

这个链接怎么样？ http://www.w3schools.com/jsref/event_onclick.asp – Rawa

你看过[target =“_ blank”]（http://www.w3schools.com/tags/att_a_target.asp）吗？它可能更简单，取决于你想要做什么 –

这应该工作。你会认为这是一个JavaScript功能？ – user2916725

语法如下

$('#link1').click(function(){ 
     //any misc code 
     //window.open('URL','name of url'); <-- to open a new window/tab 
    });

编辑 - 失踪的

来源

2013-10-24 21:08:59

-1

所有你需要做的是改变你的链接有一个目标......所以只是将其更改为：

<a id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1" target="redsox">

No javascript required。

来源

2013-10-24 21:09:25 Butterflycode

我会改变

<a id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1">Red Sox homepage</a>

到

<a id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1" target="_blank">Red Sox homepage</a>

而且我会用这个点击该链接时要执行的功能。

<script type="text/javascript"> 
    function myHandler(text) { 
     alert(text); 
    } 

    $(document).on('click', 'a#link1', function() { 
     myHandler($(this).attr('href')); 
    }); 
</script>

编辑：应该工作的时候u使用这样的：

<html> 
<head> 
    <title>Major League Baseball</title> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"> 
    <script type="text/javascript"> 
     function myHandler(text) { 
      alert(text); 
     } 

     $(document).on('click', 'a#link1', function() { 
      myHandler($(this).attr('href')); 
     }); 
    </script> 
</head> 
<body> 

    <a id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1">Red Sox homepage</a> 

</body> 
</html>

来源

2013-10-24 21:15:19 redelschaap

谢谢你的帮助。您用作示例应该做的功能是什么？我将它添加到我的文档中，似乎没有做任何特别的事情。 – user2916725

myHandler是一个例子，不存在函数。你可以在'$（document）.on（'click'，'＃link1'，function（）{'line。'function myHandler（）alert（'hello'）之前为你想做的任何事情定义一个函数。 ; }' 会当你点击链接给予警告 – redelschaap

<脚本类型= “文/ JavaScript的”> \t功能将myHandler（）{警报（ '你好'）;} 的$（document）。在（ “点击”，“一个＃链接1”，函数（）{ 将myHandler（）; }）; – user2916725

阅读您的评论下面将实现你需要什么之后 - 我想。（没有Jquery，纯javascript）

<script> 
function someFunction(){ 
    alert("You called a function on the link click"); 
} 
</script> 
<a target="_blank" onclick="someFunction()" id="link1" href="http://boston.redsox.mlb.com/index.jsp?c_id=bos&sv=1">Red Sox homepage</a>

来源

2013-10-24 21:20:53

你能更具体吗？你会写什么而不是写“someFunction” – user2916725

如果你注意到脚本标签内部，我有一个叫做'someFunction（）'的功能，只要onclick引用你声明的函数就可以工作。 –

使用你的例子。当我点击链接时没有任何反应。 – user2916725

当获取点击一个链接

回答

相关问题