JavaScript/書籤

LocalStorage

XMLHttpRequest

LocalStorage

XMLHttpRequest

書籤是儲存在書籤 URL 欄位中的一行指令碼。書籤已經存在很長時間了，因此它們可以在舊瀏覽器中使用。

JavaScript URI 方案

您應該熟悉以以下方案開頭的 URLhttp和ftp，例如 https://wikibook.tw/。還有一個JavaScript方案，用於啟動每個書籤。

JavaScript:alert('Hello, World!');

示例用法

媒體控制

這些示例中的值可以根據需要進行調整。可以將video替換為audio（在適用情況下），即在嵌入<audio>標籤的位置。

迴圈播放影片

javascript:document.getElementsByTagName("video")[0].loop=1;
javascript:document.getElementsByTagName("video")[0].loop=true; // also works

可以使用0或false關閉。

跳轉到十分鐘（使用乘法）

javascript:document.getElementsByTagName("video")[0].currentTime=60*10;

向前跳轉一分鐘（六十秒）

javascript:document.getElementsByTagName("video")[0].currentTime+=60;

向後跳轉半分鐘（使用除法）

javascript:document.getElementsByTagName("video")[0].currentTime-=60/2;

在控制檯中獲取頁面上影片的時長

javascript:document.getElementsByTagName("video")[0].duration

提醒時長

javascript:alert('This video is '+document.getElementsByTagName("video")[0].duration+' seconds long.')

提醒播放時間

javascript:alert('The current position of the video is at '+document.getElementsByTagName("video")[0].currentTime+' seconds.')

將音訊音量設定為 50%

javascript:document.getElementsByTagName("video")[0].volume=50/100

靜音音訊

javascript:document.getElementsByTagName("video")[0].muted=1 // "true" works as well

使用0或false取消靜音。

將播放速度翻倍

javascript:document.getElementsByTagName("video")[0].playbackRate=2

詢問播放速度

javascript:document.getElementsByTagName("video")[0].playbackRate= parseFloat( prompt("How fast should it play?") );

parseFloat是必要的，以防止在沒有使用者輸入的情況下關閉對話方塊時將值設定為零。

詢問播放位置（以秒為單位）

javascript:document.getElementsByTagName("video")[0].currentTime=parseFloat( prompt("Jump to playback position in seconds:") );

詢問播放位置（以分鐘為單位）

javascript:document.getElementsByTagName("video")[0].currentTime=60*parseFloat( prompt("Jump to playback position in minutes:") );

詢問播放位置（以百分比表示，從 0 到 100）

javascript:document.getElementsByTagName("video")[0].currentTime=document.getElementsByTagName("video")[0].duration/100*parseFloat( prompt("Jump to playback position in percents:") );

使用多行程式碼

由於書籤中不能有換行符，因此必須在每個程式碼語句的末尾使用分號。

JavaScript:name=prompt('What is your name?'); alert('Hello, ' + name);

該JavaScript連結中的協議

該JavaScript協議可以在連結中使用。這可能被認為是不好的做法，因為它會阻止或混淆已停用 JavaScript 的使用者。請參閱最佳實踐.

<a href="JavaScript:document.bgColor='#0000FF'">blue background</a>

示例

可以在bookmarklets.com上找到大量連結，這些連結展示了可以在 JavaScript 中執行的各種功能。