跳转到内容

JavaScript/书签

来自维基教科书,开放的书籍,开放的世界



书签是存储在书签 URL 字段中的一行脚本。书签已经存在很长时间了,因此它们可以在旧浏览器中使用。

JavaScript URI 方案

[编辑 | 编辑源代码]

您应该熟悉以以下方案开头的 URLhttpftp,例如 https://wikibooks.cn/。还有一个JavaScript方案,用于启动每个书签。

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

示例用法

[编辑 | 编辑源代码]

媒体控制

[编辑 | 编辑源代码]

这些示例中的值可以根据需要进行调整。可以将video替换为audio(在适用情况下),即在嵌入<audio>标签的位置。

循环播放视频
javascript:document.getElementsByTagName("video")[0].loop=1;
javascript:document.getElementsByTagName("video")[0].loop=true; // also works

可以使用0false关闭。

跳转到十分钟(使用乘法)
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

使用0false取消静音。

将播放速度翻倍
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 的用户。请参阅最佳实践.

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

可以在bookmarklets.com上找到大量链接,这些链接展示了可以在 JavaScript 中执行的各种功能。

华夏公益教科书