分类目录归档:javascript

js如何生成guid数据呢?


摘要:
下文讲述使用js脚本生成guid字符串的方法分享,如下所示:
实验环境:window chrome


guid(全球唯一标识)类型,在c#开发中经常使用,通常情况下,我们将此种类型作为唯一标识列进行数据行标识,下文讲述使用js的方式生成唯一标识列的方法分享,如下所示:

       function guidBuild() {
                   function backTmp() {
                         return Math.floor((1 + Math.random())*0x10000)
                            .toString(16)
                            .substring(1);
                   };
                   return backTmp() + backTmp() + '-' + backTmp() + '-' + backTmp() + '-' + backTmp() + '-' + backTmp() + backTmp() + backTmp();
         }
	

     var a = guidBuild();

	 document.write(a);
javascript生成guid数据的方法分享

javascript生成guid数据的方法分享

禁止浏览器后退操作的实现方法


摘要:
下文分享使用js禁用浏览器后退的方法,如下所示:

现在的业务系统,大多数都采用了B/S的模式,都是基于浏览器进行访问。为了使系统具有更好的用户体验,我们应该禁止点击浏览器后退按钮,避免在用户操作的过程中突然出现回退,而导致刚刚录入的内容全部丢失的现象,下文讲述了三种禁止浏览器回退的方法,如下所示:

方法1:回退后立即再向前

   <script language="JavaScript">
     javascript:window.history.forward(1); 
     //此方法虽然禁用了回退后立即向前进一页,其实也是回退了,所以不是最理想的解决方案
    </script>


方法2:将键盘的backspace键功能禁止掉,可以有效的避免键盘的误操作

   <script language="JavaScript">

       //定义禁用backSpace方法
      function stopBackSpace(e){ 
             var ev = e || window.event;//获取当前操作对象
             var obj = ev.target || ev.srcElement;//获取对象所属目标信息
    
            var t = obj.type || obj.getAttribute('type');//获取事件源类型 
 
           var vReadOnly = obj.getAttribute('readonly');  //获取对象的readonly属性
          var vEnabled = obj.getAttribute('enabled');     //获取对象的enabled属性
          //属性的null值判断
         vReadOnly = (vReadOnly == null) ? false : vReadOnly; 
         vEnabled = (vEnabled == null) ? true : vEnabled; 
  
         //按击backspace键时,如果操作类型为 密码文本 readonly=true  enabled=false 时,
         //不禁用此键,正常返回
         if(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") 
                && (vReadOnly==true || vEnabled!=true))
            {
                return true;
             }else
              {
                 return false;
             }
  } 

         //绑定事件至浏览器上(适用Firefox、Opera) 
         document.onkeypress=stopBackSpace; 
         //绑定事件至浏览器上(适用IE、Chrome) 
        document.onkeydown=stopBackSpace; 

    </script>


方法3:最佳解决方案,使用监控popstate的方法


    <script language="JavaScript">
           history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });
    </script>

使用js实现–当浏览器窗口大小发生变化时改变当前文档高度的方法分享


摘要:
下文使用javascript实现,当窗体大小发生变化时修改文档高度的方法分享,如下所示:


实现思路:

利用 window.onresize =function(){} 事件或 jquery中的 $(window).resize(function (){});
当窗体发生变化时,获取文档高度,然后进行再设置指定对象的高度

例:

       
       //定义存储当前窗体高度、宽度的变量
	   var height_ = 0;
	   var width_  = 0;
	    
       $(window).resize(function () {          //当浏览器大小变化时
	   
		  //chrome浏览器下,获取当前窗体高度
          height_ = document.body.clientHeight;
		  width_  = document.body.clientWidth;

		  //Android 下,获取当前窗体的高度
         if (/(Android)/i.test(navigator.userAgent)){  //检测是否为Android系统
             width_ = screen.width;
             height_ = screen.height;
		  }
           
	 	  //IOS下,获取当前窗体的高度          
	    if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){ //检测是否为IOS系统
             width_=document.documentElement.clientWidth;
             height_=document.documentElement.clientHeight;
           }

       });