miniLab

来自个人维基
跳转至: 导航搜索

<!DOCTYPE html>
<html>
  <head>
    <meta name=viewport content="width=device-width,initial-scale=1">
    <title>miniLab</title>
  </head>
  <body>
    <textarea
      id=codebox
      autocapitalize=off
      spellcheck=false
      onblur="
        try {
          var _r = eval(this.value)
          if (_r !== undefined) alert(_r)
        } catch (e) {
          alert(e)
        }"
      style="width: 100%; height: 25rem"
    ></textarea>
  </body>
</html>

Data URL:

data:text/html;,<!DOCTYPE%20html><html><head><meta%20name=viewport%20content=%22width=device-width,initial-scale=1%22><title>miniLab</title></head><body><textarea%20id=codebox%20autocapitalize=off%20spellcheck=false%20onblur=%22try%7Bvar%20_r=eval(this.value);if%20(_r!==undefined)alert(_r)%7Dcatch(e)%7Balert(e)%7D%22%20style=%22width:100%25;height:25rem%22%3E%3C/textarea%3E</body></html>

Snippets

myDiv

this.value = ""
window.text = document.body.appendChild(this.cloneNode())
window.myDiv = document.body.appendChild(document.createElement("div"))
text.onblur = function () { myDiv.innerHTML = text.value }
;''

audio player

var fu = null
var fi = document.body.appendChild(document.createElement('input'))
fi.type = "file"
fi.onchange = function () {
  if (fu) window.URL.revokeObjectURL(fu)
  a.src = fu = window.URL.createObjectURL(fi.files[0])
}
/* var */ a = document.body.appendChild(document.createElement('audio'))
a.controls = true
;''