Saber 酱的抱枕

js的三种对话框：
1.alert();弹出消息
2.confirm(); 返回一个布尔值
3.prompt(); 获取输入的内容

    <script type="text/javascript">
    	function liwu () {
	    	alert("这是送给你的小礼物~");
	    	var aa=confirm("请问您接受礼物吗?");//返回布尔值，也可直接写在判断条件中
	    	if(aa){
	    		var name=prompt("请输入你的姓名",""); //变量储存了prompt的值
	    		if (name==""||name==null) {
	    			alert("你是小狗！");
	    		} else{
	    			var songName=prompt("你最喜欢的歌曲是什么？","");
	    			if (songName==""||songName==null) {
	    				alert("哼，拜拜！");
	    			} else{
	    				alert(name+" 我点一首你最喜欢的《"+songName+"》作为送给你的礼物！")
	    			};
	    		};
	    	} else{
	    		alert("礼物接受失败!");
	    	};
    	}
    </script>
    <a href="" onclick="liwu()">接收礼物</a>

js的 Window 对象方法

js弹出对话框的使用

    <script type="text/javascript">
        function tanchu (t) {
            alert(t);
        }
    </script>
    <div id="a" onclick="tanchu(this.innerText)">雪见仙尊</div>
    <div id="b" onclick="tanchu(this.innerText)">小鸟游六花</div>

慢慢学习Orz

js封装和传参的简单示例

可以无压力用在基于WordPress原生评论上。
Read More →

给wordpress评论框添加颜文字

    <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还是移动设备

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

    <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给图片加上超链接

主管把我叫过去，说页面上的图片鼠标轻轻一拖就在新页面打开了，问我是怎么回事（她不是搞技术的）。我告诉她是因为她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禁止拖动页面元素

一个网页中左侧是栏目名称列表，右侧是栏目内容列表。现在想在左侧列表中高亮显示当前栏目，所以鼓捣出来了这段代码。实际上也用了点jq，没全部用jq是因为在for循环里用jq报错。

<script>
	var now_title=$('.title').text();//获取当前栏目标题
	now_title = $.trim(now_title);//去掉字符串中的空格，如果没有空格可以省略此步
	var arr1 = new Array(); 
	a=$('.left_nav>a');//创建栏目列表的数组
	for (var i = a.length - 1; i >= 0; i--) {
	    var cc=a[i].innerText;//获取当前元素的文字
	    if (cc==now_title) {//如果这个元素的文字和栏目标题一致
	        a[i].style.color="#fff";//则设置css的color属性
	    };
	};
</script>

js设置当前栏目名高亮显示