Получение функции, запускаемой при нажатии на ссылку

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
    как насчет этой ссылки? w3schools.com/jsref/event_onclick.asp
  • 0
    Вы смотрели в цель = "_ blank" ? это может быть проще, в зависимости от того, что именно вы хотите сделать
Показать ещё 5 комментариев
Теги:

4 ответа

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>

Изменение: Должен работать, когда вы используете это:

<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
    Спасибо за помощь. Какую функцию вы использовали в качестве примера? Я добавил его в свой документ, и он, кажется, не делает ничего особенного.
  • 0
    myHandler - это пример несуществующей функции. Вы можете определить функцию для всего, что вы хотите сделать до того, как $(document).on('click', 'a#link1', function() { line. function myHandler() { alert('hello'); } выдаст) оповещение при нажатии на ссылку.
Показать ещё 6 комментариев
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"
  • 0
    Если вы заметили в теге script, у меня есть функция, называемая someFunction() пока onclick ссылается на объявленную вами функцию, она будет работать.
Показать ещё 1 комментарий
0

Синтаксис подобен

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

изменить - отсутствует

Поделиться
-2

Все, что вам нужно сделать, это изменить вашу ссылку, чтобы иметь цель... так что просто измените ее на:

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

Javascript не требуется.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню