常用html、demo代码

图集1/30

正文 9756字数 27,232,813阅读

暗网网址导航hidden wiki

http://zqktlwi4fecvo6ri.onion

Run code

Cut to clipboard


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

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.com

Run 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

禁止frame引用
以下是从网上找到的一个例子，不是很直观，我加了上面那三行代码，可以先去掉，再加上，看一下效果，就很清楚了以下是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 条评论 »

广西南宁市 2017-04-26, 16:45:40

<script>
window.onload=function(){
layer.open({
title: '回车关闭测试'
,content: '我是内容'
,btn: ['确认','关闭']
,success: function(layero, index){
this.enterEsc = function(event){
if(event.keyCode === 13){
layer.close(index);
return false; //阻止系统默认回车事件
}
};
$(document).on('keydown', this.enterEsc);	//监听键盘事件，关闭层
}
,end: function(){
$(document).off('keydown', this.enterEsc);	//解除键盘关闭事件
}
});
}
</script>

reply | quote | #¹⁴⁵

广西南宁市 2017-04-26, 17:19:14

jQuery文档加载完毕的几种写法
js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}

<script>
var i=1;

//jQuery方式
$(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

$(function(){
        var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;
        $("#tt").val(str);
        i++;
    }) ;

$(function($) {
        var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;
        $("#tt").val(str);
        i++;
});

$(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;
        $("#tt").val(str);
        i++;
});

(function() {
        var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;
        $("#tt").val(str);
        i++;
})(jQuery)

////////////////////jQuery与别名$可互通/////////////////////////////////
jQuery(document).ready(function(){
        var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;
        $("#tt").val(str);
        i++;
    });

jQuery(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;
        $("#tt").val(str);
        i++;
})
jQuery(function($) {
        var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;
        $("#tt").val(str);
        i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;
        $("#tt").val(str);
        i++;
});

//js方式
window.onload = function () {
        var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
        document.getElementById("tt").value=str;
        i++;
    };</scritp>

注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
D和I加载的是window，所以慢。

reply | quote | #¹⁴⁶

广西南宁市 2017-05-02, 11:52:49

PHP获取图片宽度高度、大小尺寸、图片类型、用于布局的img属性

//php自带函数 getimagesize()
$img_info = getimagesize('tomener.jpg');

echo '<pre>';

print_r($img_info);

输出：

Array 
( 
[0] => 170
[1] => 254
[2] => 2
[3] => width="170" height="254"
[bits] => 8
[channels] => 3
[mime] => image/jpeg
)

这次要用到的就是第四个元素了

reply | quote | #¹⁴⁷

广西南宁市 2017-05-02, 17:48:44

html先显示无css渲染页面代码
加

<script type="text/javascript">
$(document).ready(function(){
	//js 加载css代码
});
</script>

window.location.href无效，页面不跳转，带有锚点跳转链接无效，location.href = url;失效
加版本控制，刷新浏览器缓存，注意失效的时候观察网址链接，当只有锚点#后面变化时候浏览器缓存不刷新

reply | quote | #¹⁴⁸

广西南宁市 2017-05-03, 15:21:59

js数组与字符串的相互转换方法
熟悉js的朋友很多都遇到过js的数组与字符串相互转换的情况，本文就此作一简单介绍，示例如下：
一、数组转字符串
需要将数组元素用某个字符连接成字符串，示例代码如下：

var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");

二、字符串转数组
实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：

var s = "abc,abcd,aaa";
ss = s.split(",");// 在每个逗号(,)处进行分解。

reply | quote | #¹⁴⁹

广西南宁市 2017-05-04, 13:04:13

AJAX提交表单form

$.ajax({
				type: "POST",
				url:'https://lizhenqiu.com/post.php?a=commentpost',
				data:$('#form1').serialize(),
			    error: function(request) {
			        submitinputtvllsscccc("提交失败");
			    },
			    success: function(data) {
					$('#seccode').attr('src','https://lizhenqiu.com/inc/seccode.php?a=showseccode&update=' + Math.random());
					if(data=='0') submitinputtvllsscccc("提交失败");
					else if(data=='3') submitinputtvllsscccc("内容没写");
					else if(data=='1') submitinputtvllsscccc("验证码错误");
					else{
						submitinputtvllsscccc("发表成功");
						location.href = data;
							//var ssurl = data.split('#');
						/*setTimeout(function(){
							//alert(data);
							location.href = data;//"https://lizhenqiu.com/article.php?id=440&page="+ssurl[0]+"#comment-"+ssurl[1];
						},500);*/
					}
				    //$("#commonLayout_appcreshi").parent().html(data);
			    }
			});

reply | quote | #¹⁵⁰

广西南宁市 2017-05-05, 11:57:47

关闭编辑页面

javascript:(function(){document.designMode = "off" })();

reply | quote | #¹⁵¹

广西南宁市 2017-05-05, 15:18:19

微软远程连接服务器桌面Remote Desktop Connection Manager
服务器屏幕自适应本地电脑分辨率去掉隐藏窗口滚动条设置方法

reply | quote | #¹⁵²

广西南宁市 2017-05-10, 10:52:20

UBB代码是HTML（标准通用标记语言下的一个应用）的一个变种，是Ultimate Bulletin Board （国外的一个BBS程序）采用的一种特殊的TAG。您也许已经对它很熟悉了。UBB代码很简单，功能很少，但是由于其Tag语法检查实现非常容易，所以不少网站引入了这种代码，以方便网友使用显示图片/链接/加粗字体等常见功能。

reply | quote | #¹⁵³

Records:279 17/31 «‹13 14 15 16 17 18 19 20 21 ›»

lizhenqiu blog

相关日志

有过 279 条评论 »

留下評論