浏览器URL地址栏运行HTML代码
data:text/html,<h1>Hello, world!</h1>
浏览器URL地址栏运行Js代码
javascript:alert('hello,world');
1:如果是直接通过复制粘贴(copy paste)代码到浏览器地址栏的话,IE及Chrome会自动去掉代码开头的javascript:,所以需要手动添加起来才能正确执行
2:Firefox中虽然不会自动去掉,Firefox不支持在地址栏运行JS代码
如何浏览器当编辑器
data:text/html, <html contenteditable>
document.body.contentEditable='true';
利用a标签自动解析URL
var a = document.createElement('a');
a.href = 'http://www.abc.com/about';
console.log(a.host);//输出www.abc.com
function parseURL(url) {
var a = document.createElement('a');
a.href = url;
return {
source: url,
protocol: a.protocol.replace(':',''),
host: a.hostname,
port: a.port,
query: a.search,
params: (function(){
var ret = {},
seg = a.search.replace(/^\?/,'').split('&'),
len = seg.length, i = 0, s;
for (;i<len;i++) {
if (!seg[i]) { continue; }
s = seg[i].split('=');
ret[s[0]] = s[1];
}
return ret;
})(),
file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
hash: a.hash.replace('#',''),
path: a.pathname.replace(/^([^\/])/,'/$1'),
relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
segments: a.pathname.replace(/^\//,'').split('/')
};
}
页面拥有ID的元素会创建全局变量
<div id="sample"></div>
<script type="text/javascript">
console.log(sample);//<div id="sample"></div>
</script>
加载CDN文件时,可以省掉HTTP标识
<script src="//domain.com/path/to/script.js"></script>
利用script标签保存任意信息
<script type="text" id="template">
<h1>This won't display</h1>
</script>
var text = document.getElementById('template').innerHTML