zoukankan      html  css  js  c++  java
  • js、expression表达式解析

    首先理解一下下面的表达式
    expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-
    (parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
      这个是css的行为--expression,目的系快捷在css里面使用js定义一个参数,这段代码最后输出的是一个数字,eval是js里面的一个函数,功能是计算某个字符串,并执行其中的的js代码;document.documentElement.scrollTop+document.documentElement.clientHeight计算当前网页可见区域的高度;this.offsetHeight该类指定的容器整个高度(包括溢出部分);parseInt(this.currentStyle.marginTop,10)这个函数是解析一个字符串,并返回一个整数,逗号后面个10可以解析为以10进制的形式输出逗号前面的数字,这个10可以表现为2,8,10,16,32;||0是或0的意思,即是前面的数字返回非0或负数时使用0这个数字输出。后面也是同理的。

    eval() 函数

      可计算某个字符串,并执行其中的的 JavaScript 代码。 
    语法 
      eval(string) 参数 
    描述 
      string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。 
    返回值 
      通过计算 string 得到的值(如果有的话)。 
    说明 
      该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。 如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError 异常。 
    抛出

      如果参数中没有合法的表达式和语句,则抛出 SyntaxError 异常。 

      如果非法调用 eval(),则抛出 EvalError 异常。 
      如果传递给 eval() 的 Javascript 代码生成了一个异常,eval() 将把该异常传递给调用者。 
    提示和注释 
    提示:虽然 eval() 的功能非常强大,但在实际使用中用到它的情况并不多。 
    实例 
    例子 1 
    在本例中,我们将在几个字符串上运用 eval(),并看看返回的结果: 
    <script type="text/javascript">  
      eval("x=10;y=20;document.write(x*y)")  
      document.write(eval("2+2"))  
      var x=10 
      document.write(eval(x+17))  
    </script> 
    输出:

      00

      4

      27 


    例子 2 
    看一下在其他情况中,eval() 返回的结果: 
      eval("2+3") // 返回 5 

      var myeval = eval; // 可能会抛出 EvalError 异常 

      myeval("2+3"); // 可能会抛出 EvalError 异常 


    可以使用下面这段代码来检测 eval() 的参数是否合法: 
    try  { 
         alert("Result:" + eval(prompt("Enter an expression:","")));      

    } catch(exception) {

          alert(exception);     

    }

  • 相关阅读:
    C++设计模式-Bridge桥接模式
    解决VS2010打开Web页面时经常由于内存较低而导致VS2010自动关闭的问题
    Js继承小结
    MAC上的包管理利器
    Objective-C的hook方案(一): Method Swizzling
    OleContainer操作Excel以二进制方式读写数据库
    复制文件时,如何显示进度条(使用TFileStream一点一点读,或者使用BlockRead,并插入application.ProcessMessages)
    ADO异步查询显示进度条
    D2010 RTTI + Attribute 简单实现ORM
    Delphi默认窗体随想
  • 原文地址:https://www.cnblogs.com/IT-Monkey/p/3408399.html
Copyright © 2011-2022 走看看