代码之家 › 专栏 › 技术社区 › Brian Duncan

无理由包含当前url的HTML链接

hyperlink html javascript

Brian Duncan · 技术社区 · 6 年前

我这里有这个代码,我已经设置好了,所以当我单击按钮时,它会更改页脚。问题是,当我单击链接时,它在我键入的url之前包含了当前网站的url。我如何才能停止此操作,以便在单击链接时,它只指向我键入的url?示例:我键入www.profile。com作为JS中的url,但当我运行该文件并在浏览器中单击它时,它会将我带到www.currentWebsite。com/currentFile/www.profile。com公司

谢谢

HTML

    <button onclick="changeFooter()">change footer</button>


<footer class="footer footer-black footer-big">
                    <div class="container">
                                            <div class="theme-bottom-footer-content">
                            <div class="theme-bottom-footer-content">
        <ul id="menu-social-links-menu" class="footer-menu pull-left"><li id="menu-item-46" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-46"><a href="https://www.yelp.com">Yelp</a></li>
</ul>
<div class="copyright pull-right">
            <a href="https://themeisle.com/themes/hestia/" target="_blank" rel="nofollow">Theme</a> | Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>            </div>
                        </div>
                        </div>
                        </div>
                </footer>

JavaScript:

function changeFooter(){
$(".copyright.pull-right").html("Website | Created by by <a href='www.portfolio.com' target='_Blank'>My Name</a>");
// alert("inside change footer");
//document.getElementsByClassName('copyright pull-right').innerHTML = "hi";
}

2 回复 | 直到 6 年前

Sarath Damaraju 6 年前

无论何时处理URL,最好将其与协议(http、https、ftp)一起使用,以防止浏览器将其解释为路径而不是URL。这就是你的情况。

正如@grovesNL所提到的,您可以检查并预先挂起给定域名的协议。这是更新后的代码。,

function changeFooter(){
    $(".copyright.pull-right").html("<p>Website | Created by by <a href='http://www.portfolio.com' target='_Blank'>My Name</a></p>");
    // alert("inside change footer");
    //document.getElementsByClassName('copyright pull-right').innerHTML = "hi";
}

我建议您使用 http:// 除非您确定网页已送达 https:// ,如果不希望用户看到浏览器中的警告。

grovesNL 6 年前

您只需在JavaScript代码中为URL加上前缀 http:// 或 https:// (以适当的为准)创建绝对URI。

默认情况下,您列出的URL被解释为相对于当前路径。如果您感兴趣,中已经列出了一些示例 another StackOverflow answer 。