Javascript 菜单 - 如何将链接重定向到另一个网页

标签 javascript css

我熟悉 html/css 导航编码。但我似乎无法获得我的客户菜单导航中的链接之一以重定向到她的博客。我知道在 html 中你可以使用 target="_blank"。但我似乎无法弄清楚如何在 javascript 中重定向。

这是我的菜单 html:

<div id="menu">
    <script>setMenuOption('home');</script>
</div>

这是javascript:

function setMenuOption(pageID) {

    if (pageID == 'home') {
        reset();
        return;
    }

    if (pageID == 'about') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a class='active'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<like href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }

    if (pageID == 'services') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a class='active'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }


    if (pageID == 'affiliates') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a class='active'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }

    if (pageID == 'gallery') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a class='active'>GALLERY</a>");
        document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }

    if (pageID == 'whatsnew') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<a class='active'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }

    if (pageID == 'contact') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a class='active'>CONTACT</a>");
    }

    if (pageID == 'footer') {
        document.write("<a href='index.html'>HOME</a>");
        document.write("<a href='about.html'>ABOUT AVP</a>");
        document.write("<a href='services.html'>SERVICES</a>");
        document.write("<a href='affiliates.html'>AFFILIATES</a>");
        document.write("<a href='gallery.html'>GALLERY</a>");
        document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
        document.write("<a href='contact.html'>CONTACT</a>");
    }
}

function reset() {

    document.write("<a href='about.html'>ABOUT AVP</a>");
    document.write("<a href='services.html'>SERVICES</a>");
    document.write("<a href='affiliates.html'>AFFILIATES</a>");
    document.write("<a href='gallery.html'>GALLERY</a>");
    document.write("<a href='whatsnew.html'>WHAT'S NEW</a>");
    document.write("<a href='contact.html'>CONTACT</a>");
}

我正在尝试将“whatsnew”页面重定向到我的客户博客... https://ashleyvictoriaproductions.wordpress.com/ .

我该怎么做呢?

最佳答案

试过这个吗?

document.write("<a href='https://ashleyvictoriaproductions.wordpress.com/' target='_blank'>WHAT'S NEW</a>");

关于Javascript 菜单 - 如何将链接重定向到另一个网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30264422/

相关文章:

javascript - 提交后如何通过多个Select表单显示和隐藏Div

javascript - 检查 Javascript 中的按钮是否被单击

javascript - 限制 mongo 动态返回的字段

javascript - 用于带扩展名的手机号码验证的正则表达式模式

javascript - 在 RaphaelJS 2 中连接圆对的方法可用吗?

html - CSS 网格中的重叠项

javascript - 如何获取动态变化的类的 HTML 名称?

javascript - ngAnimate CSS 动画不适用于 ng-show 和 ng-hide

javascript - Angular - 更改ng-model时不会触发ng-change

html - 图片 :hover not working in ie