Question

我目前正在开发一个包含HTML和JavaScript / jQuery的网站。所以现在我有四个导航 - ＆＃34;按钮＆＃34;。 [...]

＆＃13;

    <main>
        <nav id="mainNavigation">
            <ul id="navButtons">
                <li class="navButton" id="btn_Home">     <a class ="navButtonA" >HOME</a></li>
                <li class="navButton" id="btn_LetsPlay"> <a class ="navButtonA" >Let's Plays</a></li>
                <li class="navButton" id="btn_Tutorials"><a class ="navButtonA" >Tutorials</a></li>
                <li class="navButton" id="btn_Contact">  <a class ="navButtonA" >Retro Stories</a></li>
            </ul>
        </nav>
        <div id="contentWindow">
            <div id="mainContent"> </div>
        </div>
    </main>

＆＃13;

＆＃13; [...]

我通过JavaScript / jQuery访问它们并在mouseenter和mouseleave上触发一些函数，我也加载了＃34; dynamic＆＃34;将内容纳入＆＃34; mainContent＆＃34;。

＆＃13;

        $(document).ready( function () {
            
            //Wenn die Maus die Fläche der navButtons betritt, so erhöhe die Sichtbarkeit
            $('.navButton').mouseenter( 
            function () {
               $(this).animate({opacity: 1}, 200);             
            });
            //Wenn die Maus die Fläche der navButtons verlässt, so verringere die Sichtbarkeit
            $('.navButton').mouseleave( 
            function () {
               $(this).animate({opacity: 0.25}, 200);             
            });
            
            //Auf die Klicks der Buttons reagieren
            $('.navButton').click(function () { 
                var clickedBtn = $(this).attr('id');
                
                //Wenn der HomeButton gedrückt wurde, so lade "home.html"
                if(clickedBtn == "btn_Home")
                {
                    loadHome();
                }
            });
        });
        
        //Die Hauptseite laden.
        var loadHome = function () {
            $('#mainContent').animate({opacity: 0 }, 400, function () { 
                $(this).load("home.html", function () { 
                    $(this).animate({opacity: 1 }, 400);
                        });
                    });
            
        }

＆＃13;

在点击＆＃34;按钮后，我怎么能意识到＆＃34; ID＆＃34; btn_Home＆＃34;网址正在改为（例如）＆＃34; localhost / thepeat / home＆＃34;或任何其他＆＃34;路径＆＃34; /＆＃34;内容＆＃34;我想补充一下？

我如何访问JS / jQuery中的完整URL来加载内容，具体取决于URL？

像

这样的东西

if(URL_PATHS == "ThePeat/Home")
{
    loadHome();
}

在我的脑海里。

或者我怎么能做到这一点甚至不那么复杂＆＃34;还是更顺畅？

我真的不想用＆＃34; localhost / thepeat /....＆＃34这样的东西来填充变量。因为我打算在页面准备好之后上网，然后是＆＃34;常数＆＃34;使用＆＃34; localhost＆＃34;似乎就像...狗屎。

问候

ThePeat

修改和访问URL javascript

0 个答案: