鍍金池/ 問(wèn)答/HTML/ iframe的使用

iframe的使用

現(xiàn)在有一個(gè)頁(yè)面，一邊有多個(gè)a標(biāo)簽跳轉(zhuǎn)，另一邊有一個(gè)iframe，有什么辦法可以做到點(diǎn)擊不同a標(biāo)簽使iframe的頁(yè)面跳轉(zhuǎn)到不同頁(yè)面？請(qǐng)各位大神支招一下，謝謝了！

回答
編輯回答
孤酒

a標(biāo)簽的鏈接給iframe的src就可以

2017年11月22日 23:36
編輯回答
骨殘心

代碼如下,注釋是第二種實(shí)現(xiàn)方式，兩種都可以；

<body>
    <a  class="aLink">baidu.com</a>
    <a  class="aLink">segmentfault.com</a>
    <iframe name="ife" width="800" height="400"></iframe>
    <script>
    window.onload = function() {
        var iframeWin = window.frames[0];
        /*var iframeWin = window.frames[0].frameElement;*/

        document.addEventListener('click', function(event) {
            changeIframeWin(event);
        }, false);

        function changeIframeWin(e) {
            var target = e.target;
            if (target.className === 'aLink') {
                e.preventDefault();
                iframeWin.location = e.target.href;
                /*iframeWin.src = e.target.href;*/
            }
        }

    };
    </script>
</body>
2017年6月19日 23:56