Javascript技巧

今 天要写个用Javascript读取Asp.net中生成的Cookie值的功能, 因我的.net项目中用到了多个Cookie,上 CSDN、Baidu、Google搜了一大堆Javascript读取Cookie的公用函数,试了下,全不行,它们基本都是针对单个Cookie的, 一遇到多个Cookie的情况,全混乱了。没办法,仔细研究了下客户端存放Cookie的格式,发现多个Cookie无非是以分号分隔的串,于是自己写了 个函数来完成读取多个Cookie值:

// objName为Cookie对象名称,keyName为Cookie键名称
function  getCookie(objName,keyName)
{
    
var  result  =   "" ;
    
// 如果Cookie长度大于0
     if (document.cookie.length  >   0 )
    {
        
// 包含多个cookie的数组
         var  objArray  =  document.cookie.split( " ; " );
        
// Cookie对象名
         var  objSearch  =  objName  +   " = " ;
        
// Cookie键名称
         var  nameSearch  =  keyName  +   " = " ;
        
for ( var  objItem  in  objArray)
        {
            
// 如果数组中包含对象名
             if  (objArray[objItem].indexOf(objSearch)  !=   - 1 )
            {
                
// 在数组中取Cookie值
                begin  =  objArray[objItem].indexOf(nameSearch);
                
if (begin  !=   - 1 )
                {
                    begin 
+=  nameSearch.length;
                    end 
=  objArray[objItem].indexOf( " & " ,begin);
                    
if (end  ==   - 1 )
                    {
                        end 
=  objArray[objItem].length;
                    }
                    result 
=  decodeURI(objArray[objItem].substring(begin, end));
                }
            }
        }
    }
    
return  result;
}

一个类似于.net中Request.QueryString的获取地址栏GET参数的函数:

//获取GET参数值

function getQueryString(pName)
{
    var result="";
    url = location.search.substr(1);
     if(url.length > 0) {
        ar = url.split(/[&=]/);
        for(i=0;i<ar.length;i+=2) {
          if (pName==ar[i]) {
              result=ar[i+1] ;
          }
        }
      }
    return result;
}

获取当前时间的数字形式,常用作随机数

// 用当前时间作随机数
function  getRandom()
{
    
var  result  =   new  Date();
    
return  result.getTime();
}

常见的鼠标指向时全选功能

< input type = " text "  name = " test "  onMouseOver = " this.select(); "  value = " 测试 "   />

复制到我的剪帖板功能

function  copyH()
{
  obj
= Form1.txtHtml;
  obj.select();
  js
= obj.createTextRange();
  js.execCommand(
" Copy " );
}

截取文件扩展名

function getEx(str)
{
    var begin 
=  str.lastIndexOf( " . " );
    var end 
=  str.length;
    
return  str.substring(begin,end).toUpperCase();
}

在客户端预览图片,并显示图片长宽

function  getimg1(self)
{
    
var  image = new  Image(); 
    image.src
= self.value;
    imgshow1.innerHTML 
=   " <img src=' " + self.value + " ' width='120' height='90'> " ;
    txtshow1.innerHTML 
=   " <font color='ff0000'> " + image.width + "  x  " + image.height + " </font> " ;
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用HTML5中的Canvas元素和JavaScript来实现写字动画效果。具体实现步骤如下: 1. 创建一个Canvas元素,并设置它的宽度和高度。 2. 使用JavaScript获取Canvas的上下文对象。 3. 设置字体、颜色、阴影等样式属性。 4. 使用Canvas的beginPath()方法开始绘制路径。 5. 使用Canvas的moveTo()和lineTo()方法绘制字母路径。 6. 使用Canvas的stroke()方法绘制路径。 7. 使用JavaScript的定时器函数setInterval()不断更新字母的位置,从而实现动画效果。 下面是一个简单的示例代码: HTML代码: ```html <canvas id="myCanvas" width="500" height="200"></canvas> ``` JavaScript代码: ```javascript // 获取Canvas元素的上下文对象 var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); // 设置字体属性 ctx.font = "80px Arial"; ctx.fillStyle = "red"; ctx.shadowColor = "black"; ctx.shadowBlur = 10; // 定义字母路径 ctx.beginPath(); ctx.moveTo(50, 100); ctx.lineTo(100, 50); ctx.lineTo(150, 100); ctx.lineTo(200, 50); ctx.lineTo(250, 100); ctx.lineTo(250, 150); ctx.stroke(); // 定义定时器函数来更新字母位置 var x = 50; var y = 100; var dx = 5; var dy = -5; setInterval(function() { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.beginPath(); ctx.moveTo(x, y); ctx.lineTo(x+50, y-50); ctx.lineTo(x+100, y); ctx.lineTo(x+150, y-50); ctx.lineTo(x+200, y); ctx.lineTo(x+200, y+50); ctx.stroke(); x += dx; y += dy; if (x > canvas.width-200 || x < 0) { dx = -dx; } if (y > canvas.height-50 || y < 0) { dy = -dy; } }, 10); ``` 这段代码实现了一个不断移动的字母路径,可以根据需要修改字母的形状和动画效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值