php - 在我的网站内实现地址栏

Question

我想在我的站点内有一个地址栏或 url 栏，具有后退、前进、刷新、停止等基本功能。也许更复杂，但也有一种方法来存储历史。我一直在寻找。

感谢大家的帮助

Answer 1

我喜欢 Quasdunk 的评论，因此是加分项 :) 即使是 Twig 末节，我也看不出有太多实现它的理由，但嘿，也许它是为了一些我们无法察觉的惊人之处。

无论如何，您应该如何粗略地实现它:

$(function () {

        window.myBrowser = {
            'addressBar': $('#addressBar'),
            'browserWindow': $('#browserWindow'),
            'backBtn': $('#backBtn'),
            'forwardBtn': $('#forwardBtn'),
            'goBtn': $('#goBtn')
        };

        myBrowser.goBtn.click(function (event) {
            event.preventDefault();
            var address = myBrowser.addressBar.val();

            if (address && address.indexOf('http://') > -1) {
                myBrowser.browserWindow.attr('src', myBrowser.addressBar.val());
            }
            else if (address) {
                myBrowser.browserWindow.attr('src', 'http://' + myBrowser.addressBar.val());
            }
            // maybe play a little more to get the www and the rest into account
            // don't want to do the whole thing for you :)
        });

        myBrowser.backBtn.click(function (event) {
            event.preventDefault();
            browserWindowFrame.history.back();
        });
        myBrowser.forwardBtn.click(function (event) {
            event.preventDefault();
            browserWindowFrame.history.forward();
        });

    });

正文是这样的:

<a href='#' id='backBtn'>back</a>
<a href='#' id='forwardBtn'>forward</a>
<input type="text" id='addressBar' />
<a href='#' id='goBtn'>Go</a>
<iframe id='browserWindow' src='' name='browserWindowFrame'></iframe>