猫常用html、demo代码
发布时间：2015-10-15, 14:45:06 分类：HTML | 编辑 off 网址 | 辅助
图集1/30
正文 9756字数 27,229,101阅读
暗网网址导航hidden wiki
http://zqktlwi4fecvo6ri.onionRun code
Cut to clipboard
HTML特殊字符编码对照表
console.log(allnum);
javascript:;
vertical-align:middle;
strconv=yes+js
echo str_ireplace("WORLD","Shanghai","Hello world!");//不区分大小写
<a href="javascript:scroll(0,0)">返回顶部</a>
jquery多个节点绑定同一个事件
$('#begin,#end') 用逗号隔开
target="_blank"
index.php?g=Admin&m=Login
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
location.href = url;
autocomplete="off"
<form name="input" action="html_form_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="提交" />
<input type="button" value="提交">
</form>
$.ajax({
type: "POST",
url:'/index.php?g=User&m=Post&a=Message&ajax=ajax',
data:$('#myform').serialize(),
error: function(request) {
alert("提交失败");
},
success: function(data) {
if(data>0){
alert('留言提交成功！');
location.reload();
}else alert("提交失败");
}
});
function ajaxpost(tel,pass){
$.ajax( {
url:"/index.php/Home/Register/is_login.html",
type: "post",
data:"tel="+tel+"&pass="+pass,
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
},
success: function(data){
}
});
}
<a href="javascript:scroll(0,0)">顶部</a> <a href="#copy">底部</a>
<meta charset="UTF-8" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Run code
Cut to clipboard
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="icon" href="/favicon.ico">
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">
</head>
<body>
</body>
</html>Run code
Cut to clipboard
$.ajax( {
url: '/index.php?s=/addon/WeiSite/WeiSite/ForgetPassword/tel/'+shoujihao+'/codeddd/'+codeddd+'.html', //这里是静态页的地址
type: "GET", //静态页用get方法，否则服务器会抛出405错误
//dataType: "json",
//cache: false,
//async: false,
beforeSend: function(){
// Handle the beforeSend event
},
success: function(data){
//var result = $(data).find("另一个html页面的指定的一部分").html();
}
});Run code
Cut to clipboard
<link rel="apple-touch-icon" size="72x72" href="/icon-ipad.png" />
<link rel="apple-touch-icon" size="114x114" href="/icon-iphone4.png" />
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta name="keywords" content="常用代码">
<meta name="description" content="isWTF's blog!!">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />Run code
Cut to clipboard
I('post.id',0,'intval'); // 用intval过滤$_POST['id']
I('get.title','','strip_tags'); // 用strip_tags过滤$_GET['title']Run code
Cut to clipboard
<meta name="title" content="标题">
<meta name="author" content="作者">
<meta name="description" content="描述">
<meta name="keywords" content="关键字">
<meta name="copyright" content="lizhenqiu.com">
移动端UC /QQ 浏览器的部分私有Meta 属性
下面就说下移动端UC /QQ 浏览器的部分私有Meta 属性，都来自其开发者文档（UC开发者中心，左下一doc文档，QQ浏览器）。
UC 浏览器的部分私有Meta 属性
设置屏幕方向为横屏还是竖屏
<meta name="screen-orientation" content="portrait|landscape">
设置是否全屏，yes表示强制浏览器全屏
<meta name="full-screen" content="yes">
缩放不出滚动条
<meta name="viewport" content="uc-fitscreen=no|yes"/>
设置no后用户缩放与标准浏览器缩放一直，设置为yes后，用户缩放金放到图片和文字，不出现横向滚动条。
排版
<meta name="layoutmode" content="fitscreen|standard" />
fitscreen模式简化页面处理，适合页面阅读节省流量，standard模式和标准浏览器一致；一旦设置layoutmode meta后，用户使用浏览器提供的的排版模式选项将会无效。
夜间模式
<meta name="nightmode" content="enable|disable"/>
nightmode的值设置为disable后，即使用户使用浏览器的夜间模式，页面的表现也仍然是非夜间模式。
强制图片显示
<meta name="imagemode" content="force"/>
UC浏览器为了节省流量，为用户提供了无图模式，但是如果页面的图片是必不可少的，如验证码的，需要强制浏览器显示图片，可以设置imagemode， 不影响子页面。通过META设置图片加载方式会作用于整个页面，如果希望对单个图片进行设置，那么可以使用这个
<img src="..." show="force">
应用模式
<meta name="browsermode" content="application"/>
使用了application这种应用模式后，页面讲默认全屏，禁止长按菜单，禁止收拾，标准排版，以及强制图片显示。
QQ 浏览器x5内核定制标签说明
设置屏幕方向
<meta name="x5-orientation" content="portrait|landscape" />
设置全屏
<meta name="x5-fullscreen" content="true" />
设置屏幕模式
<meta name="x5-page-mode" content="app" />
对于控制全屏的meta 标签，UC 跟QQ 处理的方式稍有不同：区别在于处理系统状态栏，UC 是直接覆盖系统状态栏，而QQ 仍然保留之。Run code
Cut to clipboard
$("p").css("color","red");
//同时设置字体大小和背景色
$("p").css({"fontSize":"30px" ,"backgroundColor":"#ccc"});
$("button").click(function(){
$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
Run code
Cut to clipboard
header('Content-Type:text/html;charset=utf-8'); //避免输出乱码
<img title="点击刷新" src="cache/yzm.php" align="absbottom" onclick="this.src='cache/yzm.php?'+Math.random();" />
Run code
Cut to clipboard
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://lizhenqiu.com/templates/default/style.css" type="text/css" media="screen">
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>Run code
Cut to clipboard
Yourphp手册
简单文本编辑器
data:text/html, <title>Text Editor</title><body contenteditable style="font-size:2rem;font-family:georgia;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;"> lizhenqiu.comRun code
Cut to clipboard
Chrome提供了一个简单的方法。首先，按“F12”打开控制台，然后输入：
document.designMode = "on"Run code
Cut to clipboard
添加到收藏夹URL填写下面的即可在当前页面点击收藏夹编辑页面
javascript:(function(){document.designMode = "on" })();Run code
Cut to clipboard
接下来，你就可以编辑屏幕上的文本内容了。
编辑器
data:text/html, <html contenteditable>Run code
Cut to clipboard
如果你想找回不小心关闭的Tab页面，只需要同时按下“Control"（Mac用户请按“Command”）、“Shift"和“T”。
js随机数
function getRandom(n){
return Math.floor(Math.random()*n+1)
}Run code
Cut to clipboard
top.location.href 和 localtion.href 有什么不同
top.location.href=”url”Run code
Cut to clipboard
在顶层页面打开url（跳出框架）
self.location.href=”url”Run code
Cut to clipboard
仅在本页面打开url地址
parent.location.href=”url”Run code
Cut to clipboard
在父窗口打开Url地址
this.location.href=”url”Run code
Cut to clipboard
用法和self的用法一致
if (top.location == self.location) 判断当前location 是否为顶层来 禁止frame引用 如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称 效果就是在自定义frame窗口打开url地址
实际中可能这样使用
if(top !== self){ top.location.href = location.href; }Run code
Cut to clipboard
以下是从网上找到的一个例子，不是很直观， 我加了上面那三行代码， 可以先去掉， 再加上， 看一下效果，就很清楚了 以下是top.htm 代码
<script language=javascript> function rs(){
if(top !== self){ top.location.href = location.href; } parent.left.location.href="top.htm" parent.bot.location.href="top.htm" } < /script> < input type=button name=name value="ksdj" onclick=rs();>Run code
Cut to clipboard
以下是一个随意文件名的htm文件:
<FRAMESET COLS="150,*"> < FRAME SRC="left.htm" name=left> < FRAMESET ROWS="150,*"> < FRAME SRC="top.htm" name=top> < FRAME SRC="bot.htm" name=bot> < /FRAMESET> < /FRAMESET> Run code
Cut to clipboard
top表示主窗口，location表示当前窗口，如果你的文件只有一个框架，没有iframe和frmaeset，那么是完全一致的，没有区别。
top.location是在顶层frame中打开新页
window.location是在当前frame中打开新页
parent.location 在当前窗口的父窗口打开Url地址
<select id="isAudit" name="isAudit">
<option value="2">全部</option>
<option value="1" selected = "selected">通过</option>
<option value="0">未通过</option>
</select> Run code
Cut to clipboard
修改ID增加ID属性，修改class同理
$('.div').attr('id','newid');
如果是给标签添加class样式可以这样
$('#div').addClass('css类名');
strtotime("-1 week")， strtotime("-n days");可以很方便的获取当前日期的前n天、周、月的时间戳Run code
Cut to clipboard
舒适网页配色方案
px像素转换rem单位工具
（支付宝）给作者钱财以资鼓励 （微信）→
有过 279 条评论 »
扫描.bat
start wiaacmgr查看原文 连接不上扫描仪
PHP常用函数总结 一般来说，字符串、数组、数据库类的函数是相对来使用比较多的类别。 //===============================时间日期============================ //y返回年最后两位，Y年四位数，m月份数字，M月份英文。d月份几号数字，D星期几英文 $date=date("Y-m-d"); //include,include_once.require,require_once //require("file.php") 在PHP程序执行前就会先读入require所指定引进的文件，如出现错误是致命的。 //include("file.php") 可以放在PHP程序的任何位置，PHP程序执行到时才读入include指定引入的文件，如出现错误会提示 //===============================输出打印=============================== //sprintf("%d","3.2") ;//只格式化，返回格式化后的字符串，不输出。 //printf("%d","3.2") ;//即格式化，又输出 //print("3.2") ;//只输出 //echo "nihao","aa";//可以输出多个字符串 //print_r(array("a","b","c"));//将数组的键值与元素依次显示 //===============================常用字符串函数=============================== //获取字符串长度，有多少个字符，空格也算 $str=" sdaf sd "; $len=strlen($str); //用第一个参数里的字符串，把后面数组里的每个元素连接起来，返回一个字符串。 $str=implode("-",array("a","b","c")); //字符串分割方法，返回一个数组，用第一个参数里的字符分割后面的字符串，指定字符的前后和之间都截取，如果指定字符在开头或结尾则返回的数组开头或结尾的元素为空字符串 //没有分割到字符串就返回给数组对应元素一个空值。最后一个限制返回数组长度，可不限制，则一直分割下去。 $array=explode("a","asddad addsadassd dasdadfsdfasdaaa",4); //print_r($array); //剔除字符串左边开头的空格,并返回 //如有第二个参数则是剔除左边开头的空格换成剔除第二个参数里的字符串 $str=ltrim("a asd ","a"); //剔除字符串右边开头的空格 $str=rtrim(" asd "); //把第一个字符串两边以第二个参数开头的字符串剔除。如没有第二个参数，默认剔除掉字符串两边开头的空格 $str=trim(" sdsdfas ","a"); //从字符串第一个参数里的指定位置开始取多长（多少个）字符，字符串中第一个字符位置从0算。 //如果第二个参数为负则从字符串结尾倒数第几个开始取多长的字符串。结尾最后一个字符算-1，截取方向总是从左到右 $str=substr("abcdefgh",0,4); //将第三个参数的第一个参数字符串用参数二字符串替换 $str=str_replace("a","","abcabcAbca"); //与str_replace用法同，只是不区分大小写 //$str=str_ireplace("a"," ","abcabcAbca"); //返回括号里字符串的字符全部大写的字符串 $str=strtoupper("sdaf"); //将括号里第一个字符串变成大写后返回 $str=ucfirst("asdf"); //用echo等将括号里字符串打印在网页上时原汁原味打印出括号里的字符串，包括标签字符 $str=htmlentities("<br/>"); //返回第二个参数字符串在第一个字符串里出现的次数 $int=substr_count("abcdeabcdeablkabd","ab"); //返回第二个字符串在第一个字符串第一次出现的位置，第一个字符位置算0 $int=strpos("asagaab","ab"); //返回第二个字符串在第一个字符串最后一次出现的位置，第一个字符位置算0 $int=strrpos("asagaabadfab","ab"); //截取返回参数一中从左至右第一个出现的参数二到参数一最后一个字符的字符串 $str=strstr("sdafsdgaababdsfgs","ab"); //截取返回参数一中从左至右最后一个出现的参数二到参数一最后一个字符的字符串 $str=strrchr("sdafsdgaababdsfgs","ab"); //将参数二中每一个字符在参数一中相同字符前加"\" $str=addcslashes("abcdefghijklmn","akd"); //将参数一的字符串填充到参数二指定的长度（单字符个数），参数三为指定填充的字符串，不写默认空格 //参数四填充位置，0在参数一左侧开头填充，1右侧开头，2两边开头同时。不写默认在右侧开头填充 $str=str_pad("abcdefgh",10,"at",0); //依次比较两字符串对应字符阿斯克码值，第一对不一样的，如果参数一里大于参数二里的返回1,反之返回-1，两字符串完全一样返回0 $int1=strcmp("b","a"); //返回第一个参数格式化后的数字格式，第二个参数为保留几个小数，参数三为将小数点换成参数三，参数四为整数部分每三位用什么字符分割 //后面三个参数都不写，则默认去掉小数部分，整数每隔三位用逗号,分割。参数三，参数四必须同时存在 $str=number_format(1231233.1415,2,"d","a"); //===============================常用数组方法=============================== $arr=array("k0"=>"a","k1"=>"b","k2"=>"c"); //返回数组元素个数 $int=count($arr); //判断第二参数的数组元素中是否有第一个参数元素 $bool=in_array("b",$arr); //返回括号中数组所有键值组成的新数组原数组不改变 $array=array_keys($arr); //判断第二个参数的数组中是否有第一个参数的键值，返回真假 $bool=array_key_exists("k1",$arr); //返回原数组中所有元素值组成的新数组，键值从0开始自增，原数组不变 $array=array_values($arr); //返回当前数组指针指向的键值 $key=key($arr); //返回当前数组指针指向的元素值 $value=current($arr); //返回当前数组指针指向元素的键值及元素值组成的数组，再将指针推向下一位，最后指针指向的是一个空元素返回空 //返回的数组中有四个固定键值对应的元素值分别是返回元素的键值及元素值，其中0,'key'键值都对应返回元素键值，1,'value'键值都对应返回的元素值 $array=each($arr); //先将数组指针推向下一位，再返回指针移动后指向的元素值 $value=next($arr); //将数组指针推向上一位，再返回指针移动后指向的元素值 $value=prev($arr); //让数组指针重置指向第一个元素并返回元素值 $value=reset($arr); //将数组指针指向最后一位元素，并返回最后一位元素值 $value=end($arr); //将第一个参数以后的参数作为元素追加入第一个参数数组的末尾，索引从最小的没用过的数值开始计，返回之后的数组长度 $int=array_push($arr,"d","dfsd"); //将第一个参数数组后面所有参数作为元素添加到第一个参数数组开头处，键值以0从第一个元素处重新累加，原非数值的键值保持不变，原元素排序位置不变，返回之后的数组长度 $int=array_unshift($arr,"t1","t2"); //返回从数组尾部提取最后一个元素值，并把最后一个元素从原数组中剔除 $value=array_pop($arr); //array_pop相反，提取返回数组头一个元素值，并把头一个元素从原数组中剔除 $value=array_shift($arr); //让第一个参数数组达到第二个参数数值长度，将第三个参数作为元素添加到第一个参数数组的末尾，索引从最小没用过数值开始计并返回，原数组不改变 $array1=array_pad($arr,10,"t10"); //返回一个将原数组中多余重复元素剔除掉的新数组，原数组不改变 $array=array_unique($array1); //将原数组键值打破重新以元素值的阿斯克码值从小到大排序，索引从数字0开始重计 $int=sort($array); //和sort相反，以元素值阿斯柯码值大小降序重新排序，索引从0重新计 $int=rsort($array); //返回将第一个参数数组中每一个元素值依次作为键值付给参数二数组的数组，两数组长度必须一致，原数组不改变 $array=array_combine(array("a","b","c","d","e"),$arr); //将两个数组合并并返回原数组不变 $array=array_merge($arr,array("a","b","c")); //在第一个参数数组中从第二个参数数值位置开始截取到第三个参数数值长度的数组键值+元素并返回，数组第一个元素位置从0计 $array=array_slice($arr,2,1); //截取功能和array_slice()一样，只是将截取部分在原数组中剔除 $array=array_splice($arr,2,1); //将第一个参数作为第一个元素，每次自增参数三的值，自增后再作为一个元素存在数组中，直到值达到参数二的值存到数组中为止并返回这个数组 //参数一，参数二可以是数字，可以是单个字符，单字符就按阿斯柯码值算，第三个参数不写默认每次自增1 $array=range(3,9,2); //将原数组元素与对应键值的对应关系重新随机排列返回真假 $bool=shuffle($arr); //计算数组中所有数值型元素值的和 $int=array_sum(array("a",2,"cssf")); //把一个数组分割为新的数组块，新数组每个元素都是一个数组，新数组每个元素内有几个元素由参数二决定 //第三个参数决定元素的键值是否保留原键值可不写，true为保留，默认false不保留 $array=array_chunk(array("a"=>"a","b","c","d","e","f","g","h"),2,true);自定义模板引擎类
MyTpl.class.php
<?php class MyTpl { private $tpl_vars = array(); //分配 public function assign($key,$value){ $this->tpl_vars[$key] = $value; } public function display($tpl){ $contents = file_get_contents($tpl); foreach ($this->tpl_vars as $k => $v){ //替换 将{$name} 替换成真实的数据 $contents = str_replace('{$'."$k".'}',"$v", $contents); $compile = './templates_c/'.md5('show.html') . '.php'; file_put_contents($compile, $contents); require $compile; } } } $tpl = new MyTpl; $tpl-> assign('name','张四'); $tpl-> display('./template/show.html');自定义视图
template/show.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> {$name} </body> </html>$("#img_id").attr("src","new_src");
此语句的功能是：修改id为img_id的src属性为新的src属性。
mysql_query("set character set 'utf8'");//读库 mysql_query("set names 'utf8'");//写库echo mysql_error()函数显示错误
MySQL更新某个字段的值为原来的值加1
update student set score=score+1 wherePHP获取MySql新增记录ID值
<?php //执行插入数据库的语句 //…… $getID=mysql_insert_id();//$getID即为最后一条记录的ID //此函数的使用条件： //1.假设字段名称为recordID //2.字段属性须设为：auto_increment //3.添加数据后使用 //$newID = mysql_insert_id(); //得到ID值 ?><?php session_start(); $con = mysql_connect("127.0.0.1","******","*******"); @mysql_select_db("ainamysql", $con); @mysql_query("SET NAMES UTF8"); //检测订单 2016.8.27 if($_SESSION['chongzhi_mod']==2) {SET NAMES 'utf8'; 它相当于下面的三句指令： SET character_set_client = utf8; SET character_set_results = utf8; SET character_set_connection = utf8;E = MC^2我们可以对此有不一样的解读：
Errors = (More Code) ^ 2语法：
debugger作用：
启动调试器
备注：
1. 可以将debugger语句放在过程的任何地方以中止执行。
2. 使用debugger语句类似于在代码中设置断点。
3. debugger语句中止执行，但它不关闭任何文件或清除任何变量。
【注】只有打开调试器，否则debugger语句不起作用
实例：
for(var i=0;i<3;i++){ console.log(i); debugger; }基于此开发文档：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_Editable
问题：通过contenteditable实现的输入框没有placeholder，所以自己实现了一下
<style> .cd-write{background:#fafafa;padding:8px 12px;position:fixed;left:0;right:0;bottom:0;border-top:solid 1px #dfdede;z-index:10;} .cd-write .btn{background:#fda626;color:white;height:34px;font-size:16px;width:60px;text-align:center;border-radius:5px;line-height:34px;position:fixed;bottom:11px;right:12px;} .cd-write .input{overflow:hidden;padding:8px 6px;border:solid 1px #ebebeb;overflow:auto;background:white;border-radius:5px;min-height:16px;max-height:100px;line-height:140%;outline:none;margin-right:70px;} .cd-write .input:empty:before{content: attr(placeholder);color:#bbb;} </style> <div class="cd-write"> <div class="btn">发送</div> <div class="input" contentEditable="true" placeholder="评论"></div> </div>