将JavaScript转换为书签或小书签?

可见的

我创建了一个脚本,该脚本在鼠标悬停时显示密码,就像单击Windows 8一样。

我已经使用以下代码通过JavaScript实现了此功能。

function text(){this.type="text"}function password(){this.type="password"}function addHandlers(){var e=false;var t=document.evaluate("//input[@type='password']",document,null,6,null);for(var n=t.snapshotLength-1,r;r=t.snapshotItem(n);n--){if(!e){r.addEventListener("mouseover",text,false);r.addEventListener("mouseout",password,false)}else{r.addEventListener("focus",text,false);r.addEventListener("blur",password,false)}}}addHandlers()

抱歉,打包的JavaScript代码很抱歉,但是我想创建一个运行此脚本的书签或小书签...

我试过了:

javascript:(mycode);

但这没用...

人类与和平

为了解决您的特定问题,我设法使您的JavaScript代码得以执行,而该版本没有任何错误:

javascript:(function(){function text(){this.type="text"};function password(){this.type="password"};function addHandlers(){var e=false;var t=document.evaluate("//input[@type='password']",document,null,6,null);for(var n=t.snapshotLength-1,r;r=t.snapshotItem(n);n--){if(!e){r.addEventListener("mouseover",text,false);r.addEventListener("mouseout",password,false)}else{r.addEventListener("focus",text,false);r.addEventListener("blur",password,false)}}};addHandlers();alert("bookmarklet loaded");})();

为了查看您的代码是否有效,我alert("bookmarklet loaded");在小书签的末尾添加了一个因此,您可以尝试并应该-自从我在Firefox 17上进行测试以来-结果出现了一个消息框。如果您的代码有效或无效,我无法说,但这当然不是问题。

您可以记住一些事情,也可以使<script></script>标记内的JavaScript代码转换更容易用于书签。

  • 在普通的JavaScript代码中,换行符可以分隔两个命令。书签行在同一行中,因此用分号代替换行符

这里的一个例子

让我们举个例子。让我们有两个带有两个指令的源代码片段:

var anumber=1
var atext="hallo"

当将所有内容放在一行中时(=将换行符换成空白),您首先会得到以下结果:

var anumber=1 var atext="hallo"

这不再是有效的JavaScript代码。如果要在一行中合并两个指令,则需要使用分号来分隔/定界这两个指令,如下所示:

var anumber=1; var atext="hallo"
  • 将您的所有代码都以这种闭包形式包装:
    javascript:(function(){ [...here your code...] })();

有很多网站可以研究该解决方案。喜欢这里

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Firefox中带有CSP的站点上的Javascript小书签

来自分类Dev

JavaScript小书签导致页面空白

来自分类Dev

小书签代码中使用的javascript伪协议的第二个括号表示什么?

来自分类Dev

小书签:单击以获取主机域中随机指定的链接

来自分类Dev

Javascript小书签可删除部分网址

来自分类Dev

Javascript小书签可将当前页面的网址发送到bing

来自分类Dev

小书签可以为网址添加参数并重新提交?

来自分类Dev

小书签可以为网址添加参数并重新提交?

来自分类Dev

如何使用书签将HTML转换为PDF

来自分类Dev

JavaScript小书签在Firefox 41中停止工作

来自分类Dev

可在2页上使用的小书签

来自分类Dev

为什么小书签会使用iframe?

来自分类Dev

Javascript词频小书签在输出中省略了一些字母

来自分类Dev

在现代浏览器中,JavaScript小书签是否有安全限制?

来自分类Dev

呈现部分内容并转义html / javascript的小书签

来自分类Dev

将Chrome扩展程序转换为小书签

来自分类Dev

Firefox Android中缺少小书签功能?

来自分类Dev

在ssl网站中启用http小书签?

来自分类Dev

小书签javascript以获取所有打开的标签页的URL

来自分类Dev

较大的YouTube视频小书签

来自分类Dev

小书签代码中使用的javascript伪协议的第二个括号表示什么?

来自分类Dev

可以将此书签转换为Greasemonkey用户脚本吗?

来自分类Dev

在JS小书签中使用Tinybox

来自分类Dev

在Javascript小书签中动态生成整个页面

来自分类Dev

如何使用书签将HTML转换为PDF

来自分类Dev

试用小书签;重定向正常?

来自分类Dev

某些Word标题未转换为PDF中的书签

来自分类Dev

渲染部分内容并转义html / javascript的小书签

来自分类Dev

在 JavaScript 中将多维数组转换为 CSV 文件的列并使用浏览器书签保存

Related 相关文章

  1. 1

    Firefox中带有CSP的站点上的Javascript小书签

  2. 2

    JavaScript小书签导致页面空白

  3. 3

    小书签代码中使用的javascript伪协议的第二个括号表示什么?

  4. 4

    小书签:单击以获取主机域中随机指定的链接

  5. 5

    Javascript小书签可删除部分网址

  6. 6

    Javascript小书签可将当前页面的网址发送到bing

  7. 7

    小书签可以为网址添加参数并重新提交?

  8. 8

    小书签可以为网址添加参数并重新提交?

  9. 9

    如何使用书签将HTML转换为PDF

  10. 10

    JavaScript小书签在Firefox 41中停止工作

  11. 11

    可在2页上使用的小书签

  12. 12

    为什么小书签会使用iframe?

  13. 13

    Javascript词频小书签在输出中省略了一些字母

  14. 14

    在现代浏览器中,JavaScript小书签是否有安全限制?

  15. 15

    呈现部分内容并转义html / javascript的小书签

  16. 16

    将Chrome扩展程序转换为小书签

  17. 17

    Firefox Android中缺少小书签功能?

  18. 18

    在ssl网站中启用http小书签?

  19. 19

    小书签javascript以获取所有打开的标签页的URL

  20. 20

    较大的YouTube视频小书签

  21. 21

    小书签代码中使用的javascript伪协议的第二个括号表示什么?

  22. 22

    可以将此书签转换为Greasemonkey用户脚本吗?

  23. 23

    在JS小书签中使用Tinybox

  24. 24

    在Javascript小书签中动态生成整个页面

  25. 25

    如何使用书签将HTML转换为PDF

  26. 26

    试用小书签;重定向正常?

  27. 27

    某些Word标题未转换为PDF中的书签

  28. 28

    渲染部分内容并转义html / javascript的小书签

  29. 29

    在 JavaScript 中将多维数组转换为 CSV 文件的列并使用浏览器书签保存

热门标签

归档