javascript:alert('hello!');
 
 
 

 
 
 

  
  
  
data:text/html,
Hello, world!
 
 
 

 
 
 

  
  
  
data:text/html, 
 
 
 

 
 
 

  
  
  
document.body.contentEditable='true';
 
 
 

 
 
 

  
  
  
var a = document.createElement('a');
  
  
  
a.href = 'https://www.maomin.club';
  
  
  
console.log(a.host); // www.maomin.club
 
 
 

 
 
 

  
  
  

  
  
  

  
  
  

  
  
  
 
  
  
  

  
  
  

  
  
  
我是内容

引用CDN文件时，不用HTTP标识

利用script标签保存任意信息

 
 
 

  
  
  

  
  
  
 
This won't display
  
  
  

  
  
  

  
  
  
 const text = document.getElementById('template').textContent;
  
  
  
 console.log(text); // 
This won't display
  
  
  

 
 
 

 在页面中隐藏鼠标

 
 
 

  
  
  
*{
  
  
  
    cursor: none!important;
  
  
  
}
 
 
 

文字模糊效果

 
 
 

  
  
  
p {
  
  
  
    color: transparent;
  
  
  
    text-shadow: #111 0 0 5px;
  
  
  
}
 
 
 

 实时编辑CSS

 
 
 

  
  
  

  
  
  

  
  
  

  
  
  
 
  
  
  
 
  
  
  
  style{
  
  
  
   display: block;
  
  
  
  }
  
  
  
 
  
  
  

  
  
  

  
  
  
    
  
  
  
         body { color: blue }
  
  
  
    
  
  
  

  
  
  

 
 
 

实现长宽比固定区域

 
 
 

  
  
  

  
  
  
    
  
  
  
        this content will have a constant aspect ratio that varies based on the width.