Енгізу батырмасы target = «_ blank» сілтемеге жаңа терезеде/қойындыда жүктеуге себеп болмайды

Менде кіріс түймесі бар HTML файлы бар. Бұл тек мысал түймесі, бірақ ол барлық қажетті коды туралы ақпаратты қамтиды:

<input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" target="_blank">

Қандай себеппен ол жаңа терезеде/қойындыда жүктелмейді.

8

11 жауаптар

Мен үшін жұмыс істейтін formtarget = «_ blank» дегенді пайдаланыңыз

<input type="button" onClick="parent.location='http://www.facebook.com/'" value="facebook" formtarget="_blank">

Browser compatibility: from caniuse.com
IE: 10+ | Edge: 12+ | Firefox: 4+ | Chrome: 15+ | Safari/iOS: 5.1+ | Android: 4+

33
қосылды
Адамдарға осы HTML5 тегіне көз жеткізіңіз: w3schools.com/tags/att_button_formtarget.asp
қосылды автор Davis, көзі
Бұл жаңа қабылданған жауап болуы керек
қосылды автор scottysmalls, көзі
Өкінішке орай, берілген сілтемеде formareget төлсипаты тек type = «submit» түріндегі батырмалар үшін пайдаланылады. Бұл мен үшін жұмыс істемейді.
қосылды автор Gianluca Greco, көзі

Сізге мұны істеу қажет болады ...


және негізгі CSS қоссаңыз, оны btn сияқты көргіңіз келеді

    .button {
    width:100px;
    height:50px;
    -moz-box-shadow:inset 0 1px 0 0 #fff;
    -webkit-box-shadow:inset 0 1px 0 0 #fff;
    box-shadow:inset 0 1px 0 0 #fff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
    background-color:#fff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777;
    font-family:Helvetica;
    font-size:15px;
    font-weight:700;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0 #fff
}



  .button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');
    background-color:#d1d1d1
}
.button:active {
    position:relative;
    top:1px
}

target тек href тегтерімен жұмыс істейді.

7
қосылды
Бұл HTML5 тегі. Барлық негізгі браузерлерде қолдау көрсетілмейді.
қосылды автор Davis, көзі
қосылды автор jycr753, көзі
мұнда үлгі болып табылады және ол жұмыс істейді. Сізге 10 минут ішінде екі рет жіберілуі мүмкін;
қосылды автор jycr753, көзі
Мен оны өңдеймін, сонымен қатар, апарып, басу арқылы btn сияқты көрінеді
қосылды автор jycr753, көзі
@mans Сізде осы аттестің қайда сілтемесі бар? Мен мұны білмеймін және қалайша «formtarget» деп аталатын бірдеңені көрмегендіктен,
қосылды автор jycr753, көзі
@ user952851, бұл негізгі html, CSS3 туралы айтсаңыз, бұл басқа нәрсе, бірақ ол барлық негізгі браузерлермен қолдайды және IE8 бар пайдаланушылар үшін сүзгісі аз: > Осылайша, олар шағын тәжірибе болуы мүмкін .. егер олар шынайы тәжірибе қажет болса, олар нақты браузер алуға тиіс
қосылды автор jycr753, көзі
@ jycr753 formtarget = «_ blank»
қосылды автор mans, көзі
@ jycr753 демо көріңіз: w3schools.com/tags/att_button_formtarget.asp
қосылды автор mans, көзі
Мен мұны сынап көрдім, бірақ бұл оны батырманыңа ұқсас етпейді ?! jsfiddle.net/6v4q2
қосылды автор Teemu Laine, көзі
Aah, бұл нүктенің CSS мәнінің алдында нүкте. Қазір ол жұмыс істейді :)
қосылды автор Teemu Laine, көзі

Дұрыс жауап:

<form role="search" method="get" action="" target="_blank"></form>

Барлық негізгі браузерлерде қолданады :)

6
қосылды
IE7 +, Chrome, FF және Safari-да тексерді
қосылды автор Davis, көзі

Осыған ұқсас проблемаға тап болдым, мен оны шешті:

<button id="back">Back</button>

Егер қажет болса, _top параметрін _blank күйімен өзгерту.

4
қосылды
Осыған рахмет, менде бірдей проблема болды, бұл дұрыс шешім қабылдауға мүмкіндік бермеді (мысалы, түйме секілді), және бұл жауап менің шешімді шешті
қосылды автор Thomas Sofras, көзі

target isn't valid on an input element.

Бірақ бұл жағдайда, сіздің қайта бағыттауыңыз Javascript арқылы жасалады, сондықтан сіздің сценарийіңіз жаңа терезені ашуы мүмкін.

3
қосылды

input элементі target төлсипатын қолдамайды. target төлсипаты a тегтеріне арналған және бұл жерде оны пайдалану керек.

2
қосылды

Formareget төлсипаты type = «submit» деген батырмамен ғана қолданылады.

Бұл мына сілтемесі .

Міне, JavaScript арқылы жауап:

<input type="button" onClick="openNewTab()" value="facebook">

<script type="text/javascript">
    function openNewTab() {
        window.open("http://www.facebook.com/");
    }
</script>
1
қосылды

Мұны байқап көріңіз бұл мен үшін жұмыс істейді

onClick = « window.open (' http://www.facebook.com/ ',' facebook ') «

<button type="button" class="btn btn-default btn-social" onClick="window.open('http://www.facebook.com/','facebook')">
          
</button>
1
қосылды
<form target="_blank">
    <button class="btn btn-primary" formaction="http://www.google.com">Google</button>
</form>
0
қосылды
Бұл жауап төмен сапалы шолу кезегінде пайда болды, себебі кодыңызды түсіндірмейсіз. Егер бұл код сұраққа жауап берсе, жауаптың кодын түсіндіретін кейбір мәтінді қосуды қарастырыңыз. Осылайша, сіз көбірек жаңалықтарды алуға көбірек ұқсайсыз - сұраушыға жаңа нәрсені үйренуге көмектесу.
қосылды автор lmo, көзі

Орнына

onClick = «parent.location = ' http://www.facebook.com/ » «

пайдаланып көріңіз

onClick = « window.open = ' http://www.facebook.com/ '' '   onClick = «window.open (' http://www.facebook.com/ »,' facebook ' ) «

0
қосылды

Another solution, using JQUERY, would be to write a function that is invoked when the user clicks the button. This function creates a new element, with target='blank', appends this to the document, 'clicks' it then removes it.

So as far as the user is concerned, they clicked a button, but behind the scenes, an element with target='_blank' was clicked.

<input type="button" id='myButton' value="facebook">

$(document).on('ready', function(){
     $('#myButton').on('click',function(){
         var link = document.createElement("a");
         link.href = 'http://www.facebook.com/';
         link.style = "visibility:hidden";
         link.target = "_blank";
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link); 
     });
});

JsFiddle : https://jsfiddle.net/ragDaniel/tf991u4g/2/

0
қосылды