2013-10-24 159 views
0

這裏運行的功能是我到目前爲止有:當獲取點擊一個鏈接

<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函數。我希望鏈接在新窗口中打開。這會被視爲一種功能嗎?

+0

這個鏈接怎麼樣? http://www.w3schools.com/jsref/event_onclick.asp – Rawa

+0

你看過[target =「_ blank」](http://www.w3schools.com/tags/att_a_target.asp)嗎?它可能更簡單,取決於你想要做什麼 –

+0

這應該工作。你會認爲這是一個JavaScript功能? – user2916725

回答

0

語法如下

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

編輯 - 失蹤的

-1

所有你需要做的是改變你的鏈接有一個目標......所以只是將其更改爲:

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

No javascript required。

0

我會改變

<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> 
+0

謝謝你的幫助。您用作示例應該做的功能是什麼?我將它添加到我的文檔中,似乎沒有做任何特別的事情。 – user2916725

+0

myHandler是一個例子,不存在函數。你可以在'$(document).on('click','#link1',function(){'line。'function myHandler()alert('hello')之前爲你想做的任何事情定義一個函數。 ; }' 會當你點擊鏈接給予警告 – redelschaap

+0

<腳本類型= 「文/ JavaScript的」> \t功能將myHandler(){警報( '你好');} 的$(document)。在( 「點擊」,「一個#鏈接1」,函數(){ 將myHandler(); }); – user2916725

0

閱讀您的評論下面將實現你需要什麼之後 - 我想。 (沒有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> 
+0

你能更具體嗎?你會寫什麼而不是寫「someFunction」 – user2916725

+0

如果你注意到腳本標籤內部,我有一個叫做'someFunction()'的功能, 只要onclick引用你聲明的函數就可以工作。 –

+0

使用你的例子。當我點擊鏈接時沒有任何反應。 – user2916725