在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ iframe的使用

iframe的使用

現(xiàn)在有一個頁面,一邊有多個a標(biāo)簽跳轉(zhuǎn),另一邊有一個iframe,有什么辦法可以做到點擊不同a標(biāo)簽使iframe的頁面跳轉(zhuǎn)到不同頁面?請各位大神支招一下,謝謝了!

回答
編輯回答
孤酒

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

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

代碼如下,注釋是第二種實現(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