44 / 18 / 创建于 2年前
原文见 www.v2ex.com/t/871122 中的 codehz 的回答
浏览器直接打开一个双栏编辑器，代码如下：
data:text/html,<frameset cols="50%,50%"><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/></frameset>优点：
非常适合临时性记录一下数据
本作品采用《CC 协议》，转载必须注明作者和本文链接
牛逼
data:text/html,<frameset cols="100%"><frame src="data:text/html,<body contenteditable>"/></frameset>data:text/html,<frameset cols="30%,30%,30%"><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/></frameset>
好牛逼，涨姿势了
上面代码虽然很牛逼，但有个缺点就是会覆盖当前页面的内容，除非打开新标签。
下面这个是我常用的弹窗代码：
javascript:var w=800,h=500,sw=screen.width,sh=screen.height,l=(sw-w)/2,t=(sh-h)/2,win=window.open('','', 'height=500,width=800,top='+t+',left='+l+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');win.document.write('<title>临时剪切板</title><body contenteditable="true"></body>'),win.document.body.focus();注意：因安全问题这里的“javascript:”必须手动在地址栏输入，当然也可以把这段代码放到收藏栏快速执行。
预览：
如果不想弹窗，想新标签打开，可以这样：
javascript:var win=window.open(null);win.document.write('<title>临时剪切板</title><body contenteditable="true"></body>'),win.document.body.focus();
测试过了,很牛B的一段代码, 学习了, 十分感谢分享 :+1:
嚯，相当牛逼
表白密码
data:text/html,<p style="text-align:center;color:red;font-size:80px;padding-top:20%;" onclick="this.innerText = unescape('%u6211%u559C%u6B22%u4F60')"></p><script>document.querySelector("p").innerText = unescape('%u70B9%u51FB%u8FD9%u91CC');</script>
感谢分享，确山牛
还可以这样用，牛皮
这个牛逼点在于可以做一些无网络分享的小工具，比如
把下面的代码复制到地址栏粘贴即可
data:text/html,<meta charset="utf-8"><h3>✅ 支持中文的Base64编解码器</h3><textarea id=input rows=4 cols=50 placeholder="输入内容，支持中文😊"></textarea><p><button onclick="encode()">编码→Base64</button> <button onclick="decode()">解码←Base64</button></p><p id=output></p><script>function encode(){try{document.getElementById('output').innerHTML='编码结果: '+btoa(unescape(encodeURIComponent(document.getElementById('input').value)))}catch(e){document.getElementById('output').innerHTML='编码错误: '+e.message}}function decode(){try{document.getElementById('output').innerHTML='解码结果: '+decodeURIComponent(escape(atob(document.getElementById('input').value)))}catch(e){document.getElementById('output').innerHTML='解码错误: '+e.message}}</script>酷炫的表白代码
视频演示
b3logfile.com/file/2025/08/PixPin_...
data:text/html;charset=utf-8,%3Cmeta%20charset%3D%22utf-8%22%3E%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1%2C%20shrink-to-fit%3Dno%22%3E%3Ctitle%3E%E2%9D%A4%EF%B8%8F%20%E6%88%91%E7%88%B1%E4%BD%A0%3C%2Ftitle%3E%3Cstyle%3Ebody%7Bmargin%3A0%3Bpadding%3A0%3Bbackground%3A%23ffdee8%3Boverflow%3Ahidden%3Bfont-family%3AArial%2Csans-serif%3Bheight%3A100vh%3B%7D.container%7Bdisplay%3Aflex%3Bflex-direction%3Acolumn%3Bjustify-content%3Acenter%3Bal%20align-items%3Acenter%3Bheight%3A100vh%3Btext-align%3Acenter%3B%7Dh1%7Bfont-size%3A36px%3Bcolor%3A%23d42a6a%3B%7D.msg%7Bfont-size%3A20px%3Bcolor%3A%23e6005c%3Bmargin%3A20px%3B%7D.btn%7Bpadding%3A12px%2030px%3Bfont-size%3A18px%3Bbackground%3A%23ff2d75%3Bcolor%3Awhite%3Bborder%3Anone%3Bborder-radius%3A30px%3Bcursor%3Apointer%3Btransition%3A0.3s%3Bmargin%3A0%20auto%3Bwidth%3Amin(300px%2C%20100vw)%3B%7D.btn%3Ahover%7Btransform%3Ascale(1.1)%3Bbackground%3A%23e6005c%3B%7D%40keyframes%20float%7B0%25%7Btransform%3AtranslateY(0)%3Bopacity%3A0.7%7D50%25%7Btransform%3AtranslateY(-20px)%7D100%25%7Btransform%3AtranslateY(0)%3Bopacity%3A0.7%7D%7D.heart%7Bposition%3Aabsolute%3Bcolor%3A%23ff0080%3Bfont-size%3A20px%3Banimation%3Afloat%202s%20ease-in-out%20infinite%3B%7D%3C%2Fstyle%3E%3Cdiv%20class%3D%22container%22%3E%3Ch1%3E%E4%BA%B2%E7%88%B1%E7%9A%84%20%E5%B0%8F%E7%BE%8E%3C%2Fh1%3E%3Cp%20class%3D%22msg%22%3E%E6%88%91%E6%9C%89%E8%AF%9D%E6%83%B3%E5%AF%B9%E4%BD%A0%E8%AF%B4%E2%80%A6%E2%80%A6%3Cbr%3E%E6%88%91%E5%96%9C%E6%AC%A2%E4%BD%A0%EF%BC%8C%E5%B7%B2%E7%BB%8F%E5%BE%88%E4%B9%85%E4%BA%86%20%E2%9D%A4%EF%B8%8F%3C%2Fp%3E%3Cbutton%20class%3D%22btn%22%20onclick%3D%22accept()%22%3E%E2%9C%85%20%E6%8E%A5%E5%8F%97%E8%A1%A8%E7%99%BD%3C%2Fbutton%3E%3C%2Fdiv%3E%3Cscript%3Efunction%20accept()%7Bdocument.body.innerHTML%3D'%3Cdiv%20class%3D%22container%22%20style%3D%22background%3A%23ffe6f2%3B%22%3E%3Ch1%3E%F0%9F%8E%89%20%E8%80%B6%EF%BC%81%E4%BD%A0%E7%AD%94%E5%BA%94%E5%95%A6%EF%BC%81%3C%2Fh1%3E%3Cp%20style%3D%22font-size%3A24px%3Bcolor%3A%23d42a6a%22%3E%E4%BB%8E%E4%BB%8A%E5%A4%A9%E8%B5%B7%EF%BC%8C%E4%BD%A0%E6%98%AF%E6%88%91%E7%9A%84%E4%BA%BA%E5%90%96%EF%BD%9E%3Cbr%3E%E6%88%91%E4%BC%9A%E4%B8%80%E7%9B%B4%E9%99%AA%E4%BD%A0%EF%BC%8C%E7%88%B1%E4%BD%A0%20%E2%9C%A8%3C%2Fp%3E%3Cdiv%20id%3D%22hearts%22%3E%3C%2Fdiv%3E%3C%2Fdiv%3E'%3Bfor(let%20i%3D0%3Bi%3C50%3Bi%2B%2B)%7BsetTimeout(()%3D%3E%7Blet%20h%3Ddocument.createElement('div')%3Bh.textContent%3D'%F0%9F%92%97'%3Bh.style.position%3D'fixed'%3Bh.style.left%3DMath.random()*100%2B'vw'%3Bh.style.top%3D'100vh'%3Bh.style.fontSize%3D'20px'%3Bh.style.color%3D'%23ff0080'%3Bh.style.zIndex%3D9999%3Bh.style.pointerEvents%3D'none'%3Bdocument.getElementById('hearts').appendChild(h)%3Bh.animate(%5B%7Btransform%3A'translateY(0)'%7D%2C%7Btransform%3A'translateY(-100vh)'%7D%5D%2C%7Bduration%3A3000%2BMath.random()*2000%2Citerations%3A1%7D)%3B%7D%2Ci*100)%3B%7D%7D%3C%2Fscript%3E%3Cscript%3Efor(let%20i%3D0%3Bi%3C30%3Bi%2B%2B)%7Blet%20h%3Ddocument.createElement('div')%3Bh.innerHTML%3D'%E2%9D%A4%EF%B8%8F'%3Bh.className%3D'heart'%3Bh.style.left%3DMath.random()*100%2B'vw'%3Bh.style.top%3DMath.random()*100%2B'vh'%3Bh.style.animationDelay%3DMath.random()*3%2B's'%3Bdocument.body.appendChild(h)%3B%7D%3C%2Fscript%3E更酷炫的表白代码
请登录
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：