在現代網頁開發中，我們不僅僅需要在頁面上呈現出美麗的圖形和圖像，也需要展示出規整的排版，這就需要運用到排版技術。而 javascript 是一門通用編程語言，也可以用來實現在線排版效果。

比如，我們可以利用 javascript 增加或刪除 DOM 元素，來動態改變頁面排版。例如，當頁面發生變化時，我們可以利用事件監聽器來檢測并實時更新頁面布局。這種方式特別適用于需要期望實時響應的場合，比如在線聊天應用。

// 添加監聽事件
window.addEventListener('resize', function () {
// 處理頁面布局
adjustLayout();
});
function adjustLayout() {
// 實時更新頁面布局
}

此外，javascript 還可以與 CSS 結合使用，實現更加靈活和高效的排版效果。我們可以使用 CSS 樣式表來控制頁面元素的樣式和排版，然后通過 javascript 動態修改樣式，以達到更好的排版效果。例如，在使用 Bootstrap 框架時，我們可以使用 javascript 控制頁面布局，實現響應式設計。

$('#myCarousel').on('slid.bs.carousel', function () {
// 通過 javascript 控制頁面布局
adjustLayout();
});
function adjustLayout() {
// 實時更新頁面布局
}

最后，我們還可以通過使用一些 javascript 插件或庫，來實現復雜的排版效果。例如，使用 Paper.js 插件可以讓我們實現拖動和旋轉文本、添加陰影和漸變背景等特效；使用 Trello.js 可以實現可拖動的列表和卡片布局。

var textItem = new PointText(new Point(100, 100));
textItem.content = 'Hello, world!';
// 使用 Paper.js 實現特效
textItem.rotate(10);
textItem.fillColor = 'black';
var trello = new Trello('yourApiKey', 'yourAuthToken');
// 使用 Trello.js 實現布局效果
var list = trello.addList('To-Do', 'boardId');
list.addCard('Item 1');
list.addCard('Item 2');
list.addCard('Item 3');

總的來說，javascript 是一種強大的在線排版工具，可以實現各種復雜的排版效果。通過運用 javascript，我們可以動態改變頁面布局，與 CSS 結合使用實現高效排版，甚至使用一些插件或庫來實現特殊的排版效果。