Javascript：如何在短url中添加顶部栏？_Javascript_Short Url

Javascript：如何在短url中添加顶部栏？

javascript

Javascript：如何在短url中添加顶部栏？,javascript,short-url,Javascript,Short Url,我一直在试图了解如何开发一个稍微有点.ly风格的URL缩短器，它还为网站添加了一个条例如：http://om.ly/BSdZu twitter上有一个小组分享他们所有以“om.ly”开头的URL，他们分享的每个URL中都有一个顶部栏这是怎么做到的？我想是用JavaScript的，但是怎么做呢？另外，您知道有什么服务可以做到这一点，以便我了解如何做到这一点吗？您可以通过两种方式（至少）：通过框架集——不推荐，因为它是旧式的；但是，您可以将顶部框架设置为显示工具栏，底部框架设置为页面的ur

我一直在试图了解如何开发一个稍微有点.ly风格的URL缩短器，它还为网站添加了一个条

例如：http://om.ly/BSdZu

twitter上有一个小组分享他们所有以“om.ly”开头的URL，他们分享的每个URL中都有一个顶部栏

这是怎么做到的？我想是用JavaScript的，但是怎么做呢？另外，您知道有什么服务可以做到这一点，以便我了解如何做到这一点吗？

您可以通过两种方式（至少）：

通过框架集——不推荐，因为它是旧式的；但是，您可以将顶部框架设置为显示工具栏，底部框架设置为页面的url
通过iframes——让您的url从您的网站加载一个页面，向iframes显示：顶部是您的工具栏，您可以在其中显示任何您想要的内容，底部是您将url设置为长url的页面。这就是bit.ly、linkedin和许多其他网站所做的

 position: fixed;

DIV

编辑

    <div id="fixeddiv" style="position:absolute;width:200px;height:50px;right:10px;top:10px;padding:16px;background:#FFFFFF;border:2px solid #2266AA">  
    This is a (Javascript/CSS) Fixed menu.  
    </div>


这是一个（Javascript/CSS）固定菜单。