让你的网站可编辑的实现js代码
非常的简单
一、打开你要黑的网站,
二、在浏览器的地址栏里输入:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
三、现在你会发现他的页面竟然可以任由你自由修改了!!
四、按照你自己的意图修改好后,在地址栏中输入:
代码如下:
javascript:document.body.contentEditable='false'; void 0
好了,截图吧,把对方网站给“黑”了~~
嘿嘿,无害的。可以用来吓一吓人,比保存HTML要方便的多
相关推荐
-
用javascript实现div可编辑的常见方法
功能:实现网页内容的即时编辑,增加页面的可用性.交互性. 方法1:直接通过textarea标签实现,请运行下边代码: New Document #info { font-size: 12px; overflow:hidden; background-color: #ffffcc; color: black; padding-right:5px; padding-left:5px; font-family: courier; width:100%; letter-spacing:0; line-h
-
JS实现可编辑的后台管理菜单功能【附demo源码下载】
本文实例讲述了JS实现可编辑的后台管理菜单功能.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
-
ExtJS中设置下拉列表框不可编辑的方法
ExtJS这个框架,并没有学习和用过,只知道是一个流行的前段框架,和Easy UI,BUI,DWZ等这些框架都是差不多的,只不过比他们更加强大而已,之所以写这个,我觉得还是很有帮助的. 今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的,html中是不可以编辑的,但是现在这种UI框架中的下拉列表框都是可以编辑的,朋友的需求就是像html中的那样效果,所以朋友想到了用editable属性,但是写了这个属性之后就报错了,当时并没有看错误,我给他找了1个属性设置为不可编辑的,但是还是不好
-
JS实现适合于后台使用的动画折叠菜单效果
本文实例讲述了JS实现适合于后台使用的动画折叠菜单效果.分享给大家供大家参考.具体如下: 这是一款适合于后台使用的动画折叠菜单,代码超简,无jQuery,展开与折叠效果平滑.本演示中有两组菜单,向大家展示如何在一个网页中布局两个菜单,整体效果以及兼容性还算可以,希望在实际应用中不会出现什么问题. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ht-control-animate-zd-menu-codes/ 具体代码如下: <!DOCTY
-
js实现的后台左侧管理菜单代码
本文实例讲述了js实现的后台左侧管理菜单代码.分享给大家供大家参考.具体如下: 这是一个完美的后台左侧管理菜单,从样式来说,貌似出自专业人士之手,风格清新,操作实用,用在WEB管理系统中或用在网站后台管理中,最恰当不过了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-left-main-menu-style-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tra
-
jsp中将后台传递过来的json格式的list数据绑定到下拉菜单select
复制代码 代码如下: <span style="white-space:pre"> </span><select><c:forEach var="fileList" items="${fileList}" varStatus="i"> <option value="${i.count}">${fileList.filePath}</optio
-
前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例
前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 CasMenu.aspx页面: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr
-
使用js实现一个可编辑的select下拉列表
复制代码 代码如下: <select id="name" name="name" onkeydown="clearSelect(this,event);" onkeypress="writeSelect(this,event);" style="width:70px;"> <option value=""></option> <option va
-
js类后台管理菜单类-MenuSwitch
写MenuSwitch类的出发点是因为随着后台管理项越来越多,从而导致菜单显示部出现了滚动条导致页面很不美观,自己蒙生写这个JS类了. 这个功能类采用了目前比较流行的Web2.0做法,使用DIV+CSS+JS方式,将样式和功能分开.我下面先把演示效果放出来吧 复制代码 代码如下: function MenuSwitch(className){ this._elements = []; this._default = -1;
-
JS在可编辑的div中的光标位置插入内容的方法
本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 复制代码 代码如下: <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了. 不扯话题了.下面说怎么获取或设置光标位置. 2个步骤: ① 获取DIV中的光标位置
随机推荐
- Python实现代码统计工具(终极篇)
- SQL Server误区30日谈 第2天 DBCC CHECKDB会导致阻塞
- 微信小程序 navbar实例详解
- win2003 服务器安全设置图文教程
- 利用python微信库itchat实现微信自动回复功能
- wxPython框架类和面板类的使用实例
- Asp.Net URL重写的具体实现
- JS实现从顶部下拉显示的带动画QQ客服特效代码
- JavaScript修改css样式style动态改变元素样式
- 全面介绍javascript实用技巧及单竖杠
- JS判断字符串字节数并截取长度的方法
- 详解如何在Linux(CentOS)下重置MySQL根(Root)密码
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- python实现socket端口重定向示例
- MPBrowser简易图片浏览器 v1.0
- JavaScript简单实现鼠标移动切换图片的方法
- php chr() ord()中文截取乱码问题解决方法
- C/C++ 宏详细解析
- 安装完成后如何找回SQL Server实例安装时的序列号
- 过程需要参数 '@statement' 为 'ntext/nchar/nvarchar' 类型