文档章节

利用浏览器做好玩的事情

猿神出窍
 猿神出窍
发布于 2017/08/25 11:33
字数 299
阅读 28
收藏 0

1 在浏览器 地址栏运行 js

  地址栏输入 javascript:alert("hello");

2 把浏览器当做记事本来用 在浏览器的地址栏输入

  data:text/html, <html contenteditable>

3 整个页面可编辑,在控制台输入

  document.body.contentEditable='true';

4 利用a标签自动解析URL

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('/')
    };}

5 利用script标签保存任意信息

<script type="text" id="template">
	<h1>This won't display</h1>
</script>
 

var text = document.getElementById('template').innerHTML

6 js生成随机字符串

function generateRandomAlphaNum(len) {
    var rdmString = "";
    for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
    return rdmString.substr(0, len);
}

7 禁止别人以iframe加载你的页面

if (window.location != window.parent.location) {
window.parent.location = window.location;
}

8 console.table  可以将JavaScript关联数组以表格形式输出到浏览器console,效果很惊赞,界面很美观。

var data = [{'catergory': '杜雷斯', 'number': 4}, {'catergory': '冈本', 'number': 3}];
console.table(data);

 

© 著作权归作者所有

猿神出窍
粉丝 18
博文 192
码字总数 71238
作品 0
沙坪坝
项目经理
私信 提问
APP出租自己,技术小白靠创意估值千万

事情要从一个最近很火的出租自己的成都小伙子说起,雇主可以通过APP租他做任何不违法和违背道德的业务,最低只要66元,不过更多价格都是随意定的,别人租他做的事千奇百怪,聊天,给他人打电...

我老公不在家
2017/04/27
0
0
有没有那么一小撮人,做着自己想做的好玩的事情

有没有那么一小撮人,做着自己想做的好玩的事情,不用朝九晚五,没有无限的改动和需求,只要自己的兴趣编程,做事情,做些好玩的有意思的东西出来

哈哈哈哈哈哈笑
2012/03/21
1K
25
谁有好玩的项目来打发一下无聊的周末~

这个周末实在是找不到事情做了,谁有好玩的想法或者项目一起做做啊啊啊啊。

TairyGuo
2014/05/16
528
4
能ping通,http请求不通

昨天发生了一件很乌龙的事情,也不是很高深的原理,但是还是很好玩~ 故事背景: 一个哥们(非技术)说他手头有一台某某云的主机,不知道怎么用,跑过来问我,说让我给他搭个能跑php的环境,我...

uiz
02/24
0
0
我开发了一个Python答题小程序,近70份奖品等你来拿

微信小程序非常火爆,我想做小程序已经很久了,几个月前终于下定决心做一款小程序。本身是码农出身,希望做一款跟编程相关的小程序,于是就有了这一款"码题达人"小程序。 小程序:码题达人 ...

菜鸟学python
2018/07/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

HashMap源码分析

read

V丶zxw
43分钟前
5
0
Python字符串或JSON字符串转字典dict、列表list

有3种方法 1、使用ast模块 >>> import ast>>> s = '["test",1]'>>> ast.literal_eval(s)['test',1]>>> s = '{"test":1}'>>> ast.literal_eval(s){'test': 1} 2、eval函数,这个......

编程老陆
今天
5
0
【JS复习笔记】03 继承(从ES5到ES6)

本文转载于:专业的前端网站➫【JS复习笔记】03 继承(从ES5到ES6) 前言 很久以前学习《Javascript语言精粹》时,写过一个关于js的系列学习笔记。 最近又跟别人讲什么原型和继承什么的,发现...

前端老手
今天
8
0
简单动态网站搭建

如何在windows服务器上配置wordPress和discuz 网站建设中的概念讲解 网站建设的基础操作 网站程序的基础使用 网站程序的优化 简单动态网站搭建 软件部署 域名和主机的购买 域名解析 环境部署...

达达前端小酒馆
今天
6
0
Java每日面试题_03

15、构造器是否可被override constructor(构造器)不能被继承,所以不能被override(重写),但是可以被overloading(重载)。 16、抽象类和接口的区别 抽象类是什么 含有abstract修饰符的class即...

庭前云落
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部