亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何讓這個 Javascript 函數在新標簽頁中打開網站?

如何讓這個 Javascript 函數在新標簽頁中打開網站?

撒科打諢 2022-11-03 10:14:47
如何使此功能在新選項卡中打開鏈接?我在某處讀到我應該使用錨元素而不是使用 JS 打開鏈接。<h1 onclick="randomSite();">Click<br>Me</h1>            <script>    var sites = [        'www.google.com',        'www.youtube.com',        'www.facebook.com',        'www.stackoverflow.com'    ];    function randomSite() {        var i = parseInt(Math.random() * sites.length);        location.href = sites[i];    }</script>
查看完整描述

5 回答

?
POPMUISE

TA貢獻1765條經驗 獲得超5個贊

替換location.hrefwindow.open,并使用'_blank'如下:

window.open(sites[i],'_blank');


查看完整回答
反對 回復 2022-11-03
?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

<h1 onclick="randomSite();">Click<br>Me</h1>

            <script>

    var sites = [

        'http://www.google.com',

        'http://www.youtube.com',

        'http://www.facebook.com',

        'http://www.stackoverflow.com'

    ];


    function randomSite() {

        var i = parseInt(Math.random() * sites.length);

      window.open(sites[i], '_blank');

    }

</script>


查看完整回答
反對 回復 2022-11-03
?
12345678_0001

TA貢獻1802條經驗 獲得超5個贊

可以設置一個像這樣的簡單結構來執行這個



  

<body> 


    <p>Click the button to open a new tab </p> 


  


    <button onclick="NewTab()"> 


      Open Google


  </button>



   <script> 


        function NewTab() { 


            window.open(     "https://www.google.org", "_blank");


      } 


    </script> 

</body> 


</html> ```


查看完整回答
反對 回復 2022-11-03
?
陪伴而非守候

TA貢獻1757條經驗 獲得超8個贊

在您的randomSite()功能交換location.href = sites[i]; 中:

window.open('http://' + sites[i],'_blank');

也許您可以以某種方式使用 location.href 命令,我不熟悉它。但是打開一個窗口是直截了當的,如果您添加屬性“_blank”,它將在新選項卡中打開。


查看完整回答
反對 回復 2022-11-03
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

創建一個新的HTMLAnchorElement并使用它的click方法(不是click事件):


function onHeadingClicked( e ) {

    

    const a = document.createElement( 'a' );

    a.target = '_blank';

    a.href   = getRandomUrl();

    a.click();

}

<h1 onclick="onHeadingClicked(event)">Click me</h1>


查看完整回答
反對 回復 2022-11-03
  • 5 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號