saber 酱的抱枕

Fly me to the moon

03/20
2015
学习

使用TRUNCATE TABLE清除表数据

今天某个网站的自定义表单里发现了大量垃圾内容,打算把表单里的所有数据都删除掉。sql以前学过入门知识,但现在基本也都忘光了,于是还是去百度。最后使用了  TRUNCATE TABLE 表名  的方法。
TRUNCATE TABLE dede_diyform1
TRUNCATE是一个能够快速清空资料表内所有资料的SQL语法。并且能针对具有自动递增值的字段,做计数重置归零重新计算的作用。其没有筛选条件;不留下日志记录,不可恢复。

此外清除表数据还可以用  DELETE FROM 表名 WHERE 条件  的方法,可以有选择的删除;删除速度较慢,但是可恢复。

使用TRUNCATE TABLE清除表数据

03/10
2015
学习

使用ZeroClipboard进行复制的简单示例

众所周知,使用js来复制网页内容存在浏览器兼容问题,而ZeroClipboard通过flash来将完成复制,算是解决了这个问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>ZeroClipboard复制功能简单测试</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="ZeroClipboard.js"></script>
</head>
<body>
	<input type="text" name="wantCopy" id="wantCopy" value="" style="display: none;"/>
	<button id="copyButton">复制当前网址</button>
	<script type="text/javascript">
		document.getElementById("wantCopy").value=window.location.href;
	</script>
	<script type="text/javascript">
		$(function(){
			init();
		});
		function init() {
			var clip = new ZeroClipboard.Client(); // 新建一个对象
			clip.setHandCursor( true );
			clip.setText($('#wantCopy').val()); // 填写要复制的内容的id
			clip.addEventListener( "mouseUp", function(client) {
				alert("复制网址成功!");
			});
			// 最后注册用来复制的button按钮,参数为 id。点击这个 button 就会复制。
			//这个 button 不一定要求是一个 input 按钮,也可以是其他 DOM 元素。
			clip.glue("copyButton"); // 和上一句位置不可调换
		}
	</script>
</body>
</html>

查看demo
Read More →

使用ZeroClipboard进行复制的简单示例

03/9
2015
学习

js判断访问网站的是pc还是移动设备

    <script type="text/javascript">
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                alert("phone");
            } else {
                alert("pc");
            }
        }
        browserRedirect();
    </script>

本站底部有个走来走去的saber ,右侧还有个春菜,在手机上看的话,由于屏幕小,感觉挺碍事的,所以找到了js判断移动设备的代码,在移动设备下把这两个地方隐藏了,看起来好了不少。

js判断访问网站的是pc还是移动设备

03/9
2015
学习

用js给图片加上超链接

这个给图片加链接的功能,主要是实现点击图片时图片在新标签页打开的功能。这对于显示得比真实尺寸小的图片尤其有用。本站没有这个功能,现在自己写了出来。

    <script type="text/javascript">
    	window.onload=function  () {
    		var allImage=new Array();
    		allImage=document.getElementsByTagName("img");//获取页面的所有img标签
    		for (var i = allImage.length - 1; i >= 0; i--) {
    			var imgUrl=allImage[i].getAttribute("src");//获得当前图片的网址
    			allImage[i].addEventListener('click', function (event) {
				window.open(imgUrl); //给当前图片绑定click事件,在新标签页打开图片
					}, false);
    			}
    		};
    </script>

使用addEventListener给图片添加一个绑定事件,点击图片时会在新标签页中打开图片的URL。
Read More →

用js给图片加上超链接

03/7
2015
学习

JQ 选择器大全

一、基本选择器

 选择器  描 述  返回  示例
 #id  根据给定id匹配一个元素  单个元素  $("#test") 选取id为test的元素
 .class  根据给定类名匹配一个元素  集合元素  $(".test") 选取class为test的元素
 element  根据给定元素名匹配一个元素  集合元素  $("p") 选取p元素
 selector1,selector2...selectorN  将每一个选择器匹配到元素合成后一起返回  集合元素  $("div , span ,p , myClass")选取所在div span 和拥有class为myClass的标签的一组元素
 *  匹配所有元素  集合元素  $("*") 选取所在的元素

Read More →

JQ 选择器大全

03/7
2015
学习

js禁止拖动页面元素

主管把我叫过去,说页面上的图片鼠标轻轻一拖就在新页面打开了,问我是怎么回事(她不是搞技术的)。我告诉她是因为她360浏览器的原因,其他一些浏览器虽然能拖动,但不拖到标签栏是不会在新标签页打开的。虽然如此,她还是想禁止这个情况。于是去百度,找到了js中禁止鼠标拖动的代码:

ondragstart="return false"

试试下边的图片,已经不能拖动了。
心绮楼博丽灵梦立绘
如果需要给页面上所有图片都设置此属性,可以使用以下代码:

    <script type="text/javascript">
    	window.onload=function  () {
    		var allImg=new Array();
    		allImg=document.getElementsByTagName('img');
    		for (var i = allImg.length - 1; i >= 0; i--) {
    			allImg[i].setAttribute("ondragstart", "return false")
    		};
    	}
    </script>

js禁止拖动页面元素