如何使用點擊事件彈出一個url的iframe選項卡


在一些前后端對接的接口中,前端需要根據后端返回進行跳轉,但是有時候需要跳轉的地址是不固定的,需要前端靈活的根據接口進行跳轉,於是,url被放在接口中返回,而前端想打開一個新窗口的話就會比較麻煩,因為click事件 和 a標簽的點擊是不一樣的,所以這里我找了我們OA中的源代碼和前端妹子進行了很多分析,才發現真的是這么簡單,真的是醉了。代碼如下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<button type="button" id="start_btn">開始</button>
<a id="aGo" target="_blank" style="display:none;" href="">隱藏鏈接</a>
<body>
    <script type="text/javascript">
        $(function(){
            $("#start_btn").click(function(){
                $("#aGo").attr("href","https://www.baidu.com");
                $("#aGo")[0].click();
            });
        });
    </script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM