editplus格式化js代码

Posted by phper star | Posted in JAVASCRIPT | Posted on 2013-3-28 12:04

 

EditPlus工具本身用着很方便,今天打开一个js,突然发现没有格式是一行的,没法看。在网上搜罗了半天,找到解决方法,使用了一些还可以,总结一下咯!

1、下载这个EditPlus格式化工具

下载地址:http://vdisk.weibo.com/s/vm99e   解压后放一个盘保存。

2、打开EditPlus工具,点Tool(工具)-->preferences(首选项)...

阅读全文>>

在onsubmit函数中写ajax无效

Posted by phper star | Posted in JAVASCRIPT | Posted on 2012-8-30 13:24

问题原因:

1. ajax时return false 的function与onsubmit()不是同一个函数;

2. 在ajax执行时,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)。

阅读全文>>

js打印object对象属性值

Posted by phper star | Posted in JAVASCRIPT | Posted on 2012-8-28 9:28

function allPrpos(obj) { 
    // 用来保存所有的属性名称和值
    var props = "";
    // 开始遍历
  &nb...

阅读全文>>

调用百度地图API获取地图位置实例

Posted by phper star | Posted in JAVASCRIPT | Posted on 2012-4-2 10:58

        以下内容来自百度开发平台(地图开放平台)的demo,是我学习用的,做了部分修改。通过一下demo就可

以轻松的获得指定经纬度上的地图了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...

阅读全文>>

Javascript 解析JSON得两种方式

Posted by phper star | Posted in JAVASCRIPT | Posted on 2012-2-23 0:30

 

有二种方法:一种是直接使用eval()函数。这种方法最快速。然而由于eval方法同样可以执行任意的 JavaScript 代码,因此当数据来源不可靠时则可能产生安全性问题。比如下面这个例子就会导致页面被重定向:

01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu...

阅读全文>>

一个简单的tab切换js代码

Posted by phper star | Posted in JAVASCRIPT | Posted on 2011-10-11 9:08

      之前在做tab切换效果时,只知道原理是点击那个就把那个的样式的显示属性设置为显示,将其它的tab的设置为隐藏。所以,如果这样的div比较多的时候,js里面就会写很多的东西。

       今天在看别人的代码时,发现其实不用写的那么繁琐。有一个循环就可以解决了。

       &nb...

阅读全文>>

如何解决IE6不支持png透明图片的问题

Posted by phper star | Posted in JAVASCRIPT | Posted on 2011-7-23 22:35

最近,和朋友在酝酿做一个站玩玩,想来想去,觉得做就做一个程序员得导航站,这一点好像还是一个空白。还没见到过一个比较全面点的程序员导航站。在做这个站的同时遇到了很多的问题,比如这个如何解决IE6不支持png透明图片的问题。查了一些资料,试了很多的方法,但感觉最好用的就是这段javascript代码了。就保存下来,分享一下:

阅读全文>>

初识AJAX原理

Posted by phper star | Posted in JAVASCRIPT | Posted on 2011-5-17 19:46

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

通过一个小例子,让我们一起来了解一下AJAX的工作原理吧:

文件:Ajax.html

<html>
<head><title>ajax实例解释</title>
<script language="javascript">
function loadXMLDoc(){
 var xmlhttp;
 if(window.XMLHttpRequest){  //检测浏览器是否支持XMLHttpRequest对象(广义上分为IE和非IE)
      xmlhttp=new XMLHttpRequest(); //创建对象for IE7+, Firefox, Chrome, Opera, Safari
 }else{
      xmlhttp=new ActiveXObjiect("Microsoft.XMLHTTP"); //创建对象 for IE6, IE5
 }
 xmlhttp.onreadystatechange=function(){
      if(xmlhttp.readyState==4 && xmlhttp.status==200){ //请求完成 and  服务器响应成功
       document.getElementById("mydiv").innerHTML=xmlhttp.responseText; //取回由服务器返回的数据
  }
 }
 xmlhttp.open("GET","response.php",true);  //发送请求
 xmlhttp.send(); 
}

</script>
</head>
<body>
<div id="mydiv"><h3>Let Ajax change this text</h3></div>  
<button type="button" onclick="loadXMLDoc()">change content</button>
</body>
</html>

文件:response.php

<?php
$response="This is server return";
echo $response;
?>

文字的几种滤镜效果

Posted by phper star | Posted in JAVASCRIPT | Posted on 2011-5-16 17:17

                                                文字的几种滤镜效果
       
1.Glow

      语法:
      filter : progid:DXImageTransform.Microsoft.Glow( enabled=bEnabled , color=sColor , strength=iDistance )
     
      参数:
      enabled   设置或检索滤镜是否激活
      color     设置或检索此滤镜作用域的颜色值
      strength  设置或检索以对象为基准的向外扩散的距离

      作用:
      环绕对象内容边缘添加辉光制作发热效果。辉光将出现在对象边界内的内容的最外轮廓之外。
 
      例子:
      <span style="filter:glow(Color=blue,Strength=5)">文字的滤镜效果—Glow</span>

2.Engrave

      语法:
      filter : progid:DXImageTransform.Microsoft.Engrave( enabled=bEnabled ,Bias=fBias)
     
      参数:
      enabled   设置或检索滤镜是否激活
      Bias      设置或检索滤镜是否从对象的非透明像素简历阴影

      作用:
      用灰度值为对象内容制作浮雕纹理效果。
 
      例子:
      <span style="filter:progid:DXImageTransform.Microsoft.Engrave()">文字的滤镜效果—Engrave</span>

3.FlipH
     
      语法:
      filter : FlipH ( enabled=bEnabled )
     
      参数:
      enabled   设置或检索滤镜是否激活

      作用:
      水平翻转对象内容。
 
      例子:
      <span style="filter:FlipH()">文字的滤镜效果—FlipH</span>

4.Blur
     
      语法:
      filter : progid:DXImageTransform.Microsoft.Blur ( enabled=bEnabled , makeShadow=bShadow , pixelRadius=flRadius , shadowOpacity=fOpacity ) 
     
      参数:
      enabled        设置或检索滤镜是否激活
      makeShadow     设置或检索对象的内容是否被处理为阴影显示。
      pixeRadius     设置或检索模糊效果的作用深度。
      shadowOpacity  设置或检索使用 makeShadow 制作成的阴影的透明度(暗度)。

      作用:
      制作对象内容的模糊效果。
 
      例子:
      <span style="filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=3.0, makeshadow='true', ShadowOpacity=1.0); }">文字的滤镜效果—Blur</span>

4.Shadow
     
      语法:
      filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=bEnabled , color=sColor , direction=iOffset , strength=iDistance )
     
      参数:
      enabled        设置或检索滤镜是否激活
      color          设置或检索此滤镜作用的颜色值
      direction      设置或检索滤镜效果的运动偏移方向
      strength       设置或检索以对象为基准的在运动方向上的向外扩散距离

      作用:
      为对象内容建立阴影效果。
 
      例子:
       <span style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=45, color=red);} ">文字的滤镜效果—Shadow</span>

5.Wave
     
      语法:
      filter : progid:DXImageTransform.Microsoft.Wave ( enabled=bEnabled , add=bAddImage , freq=iWaveCount , lightStrength=iPercentage , phase=iPercentage , strength=iDistance )
     
      参数:
      enabled        设置或检索滤镜是否激活
      add            设置或检索滤镜作用图像是否覆盖原始图像。
      freq           设置或检索滤镜建立的波浪数目。
      lightStrength  设置或检索滤镜建立的波浪浪尖和波谷之间的距离。
      phase          设置或检索正弦波开始处的相位偏移。
      strength       设置或检索以对象为基准的在运动方向上的向外扩散距离。

      作用:
      为对象内容建立波纹扭曲效果。
 
      例子:
       <span style="filter:progid:DXImageTransform.Microsoft.Wave(Strength=10, Add=true);}  ">文字的滤镜效果—Wave</span>

6.DropShadow
     
      语法:
      filter : progid:DXImageTransform.Microsoft.DropShadow ( enabled=bEnabled , color=sColor , offX=iOffsetX , offY=iOffsetY , positive=bPositive )
     
      参数:
      enabled        设置或检索滤镜是否激活
      function       设置或检索混合方式。
      color          设置或检索此滤镜作用的颜色值。
      offx           设置或检索阴影在横坐标轴上以对象为基准的偏移量
      offy      设置或检索阴影在纵坐标轴上以对象为基准的偏移量。
      positive       设置或检索滤镜是否从对象的非透明像素建立阴影。

      作用:
      制作对象的阴影效果。
 
      例子:
       <span style=" filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive=true); }">文字的滤镜效果—DropShadow</span>

7.FlipV
     
      语法:
      filter : FlipV( enabled=bEnabled )
     
      参数:
      enabled   设置或检索滤镜是否激活

      作用:
      垂直翻转对象内容。
 
      例子:
      <span style="filter:FlipV()">文字的滤镜效果—FlipV</span>

 【说明】以上文字滤镜效果不适用于firefox浏览器,请用IE测试

效果图:

javascript写的一个九九乘法表

Posted by phper star | Posted in JAVASCRIPT | Posted on 2011-5-10 18:14

<table >
 <script>
 for(var i=1;i<=9;i++){
 if(i%2==0){   //隔行换色
  document.write("<tr bgcolor='red'>");
 }else{
  document.write("<tr bgcolor='blue'>");
 }
  for(var j=1;j<=i;j++){
    document.write("<td>"+i+"*"+j+"="+i*j+"&nbsp;&nbsp</td>");
   }
         document.write("</tr>");  
 }
 </script>
 </table>