使用Javascript实现网站的自适应布局有以下几种方法：

1. 媒体查询（Media Queries）：通过媒体查询，在不同的屏幕尺寸和设备上应用不同的CSS样式。例如，使用@media规则来定义不同宽度的CSS布局，或者使用@media规则针对不同设备应用不同的样式。

2. 弹性盒子布局（Flexbox）：使用Flexbox布局可以更方便地实现网站的自适应布局。通过设置flex容器和flex项的属性，可以实现不同设备上的自动调整布局效果。

3. 栅格布局（Grid Layout）：栅格布局是一种响应式布局技术，可以将页面划分为行和列，然后通过指定单元格位置和大小的方式来布局网页元素。栅格布局适用于复杂的网页布局和多列布局。

4. Javascript库和框架：可以使用流行的Javascript库和框架，如Bootstrap、Foundation、Bulma等来实现网页的自适应布局。这些库和框架提供了一系列的CSS样式和Javascript组件，可以轻松地创建适应不同设备和屏幕尺寸的网页。

5. 动态计算布局：通过Javascript动态计算元素的大小和位置，来实现自适应布局。可以使用Javascript获取屏幕尺寸、窗口大小等信息，并根据这些信息动态调整元素的大小和位置。

总的来说，使用Javascript实现网站的自适应布局可以结合CSS的媒体查询、Flexbox布局、栅格布局等技术，以及借助Javascript库和框架，或者通过动态计算来实现。