JS技巧

来源:互联网 发布:java 接口过滤器 编辑:程序博客网 时间:2024/05/16 15:41

JS保留两位小数 四舍五入函数

js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数。

  • <script language="javascript"> 
  • document.write("<h1>JS保留两位小数例子</h1><br>");  
  •    var a=2.1512131231231321;  
  •    document.write("原来的值:"+a+"<br>");  
  •    document.write("两位小数点:"+a.toFixed(2)+"<br>四位小数点"+a.toFixed(4));  

  • </script> 
  • JS 数据类型转换

    JS 数据类型转换 方法主要有三种

    转换函数、强制类型转换、利用js变量弱类型转换。

    1. 转换函数:

    js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。

    在判断字符串是否是数字值前,parseInt()和parseFloat()都会仔细分析该字符串。parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置1处的字符,进行同样的 测试。这一过程将持续到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字。

    例如,如果要把字符串 "1234blue "转换成整数,那么parseInt()将返回1234,因为当它检测到字符b时,就会停止检测过程。字符串中包含的数字字面量会被正确转换为数字,因此 字符串 "0xA "会被正确转换为数字10。不过,字符串 "22.5 "将被转换成22,因为对于整数来说,小数点是无效字符。一些示例如下:

    parseInt("1234blue");   //returns   1234 
    parseInt("0xA");   //returns   10 
    parseInt("22.5");   //returns   22 
    parseInt("blue");   //returns   NaN

    parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,所以要解析十六进制的值,需如下调用parseInt()方法: 
    parseInt("AF",   16);   //returns   175 
    当然,对二进制、八进制,甚至十进制(默认模式),都可以这样调用parseInt()方法: 
    parseInt("10",   2);   //returns   2 
    parseInt("10",   8);   //returns   8 
    parseInt("10",   10);   //returns   10 
    如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如: 
    parseInt("010");   //returns   8 
    parseInt("010",   8);   //returns   8 
    parseInt("010",   10);   //returns   10 
    在这段代码中,两行代码都把字符串 "010 "解析成了一个数字。第一行代码把这个字符串看作八进制的值,解析它的方式与第二行代码(声明基数为8)相同。最后一行代码声明基数为10,所以iNum3最后等于10。

    parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字 符之前的字符串转换成数字。不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的, parseFloat()方法会把这个小数点之前的字符串转换成数字。这意味着字符串 "22.34.5 "将被解析成22.34。 
    使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,而不能用八进制形式或十六进制形式。该
    方法会忽略前导0,所以八进制数0908将被解析为908。对于十六进制数0xA,该方法将返回NaN,因为在浮点数中,x不是有效字符。此外,parseFloat()也没有基模式。

    下面是使用parseFloat()方法的示例: 
    parseFloat("1234blue");   //returns   1234.0 
    parseFloat("0xA");   //returns   NaN 
    parseFloat("22.5");   //returns   22.5 
    parseFloat("22.34.5");   //returns   22.34 
    parseFloat("0908");   //returns   908 
    parseFloat("blue");   //returns   NaN

    2. 强制类型转换

    还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
    ECMAScript中可用的3种强制类型转换如下: 
    Boolean(value)——把给定的值转换成Boolean型; 
    Number(value)——把给定的值转换成数字(可以是整数或浮点数); 
    String(value)——把给定的值转换成字符串。 
    用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。 
    当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。

    可以用下面的代码段测试Boolean型的强制类型转换。

    Boolean("");   //false   –   empty   string 
    Boolean("hi");   //true   –   non-empty   string 
    Boolean(100);   //true   –   non-zero   number 
    Boolean(null);   //false   -   null 
    Boolean(0);   //false   -   zero 
    Boolean(new   Object());   //true   –   object

    Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。还记 得吗,parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此 "4.5.6 "将被转换为 "4.5 "。用Number()进行强制类型转换, "4.5.6 "将返回NaN,因为整个字符串值不能转换成数字。如果字符串值能被完整地转换,Number()将判断是调用parseInt()方法还是调用 parseFloat()方法。下表说明了对不同的值调用Number()方法会发生的情况:

    用  法 结  果 
    Number(false)   0 
    Number(true)   1 
    Number(undefined)   NaN 
    Number(null)   0 
    Number( "5.5 ")   5.5 
    Number( "56 ")   56 
    Number( "5.6.7 ")   NaN 
    Number(new   Object())   NaN 
    Number(100)   100  

    最后一种强制类型转换方法String()是最简单的,因为它可把任何值转换成字符串。要执行这种强制类型转换,只需要调用作为参数传递进来的值的 toString()方法,即把1转换成   "1 ",把true转换成 "true ",把false转换成 "false ",依此类推。强制转换成字符串和调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引 发错误:

    var   s1   =   String(null);   //"null" 
    var   oNull   =   null; 
    var   s2   =   oNull.toString();   //won’t   work,   causes   an   error

    3. 利用js变量弱类型转换

    举个小例子,一看,就会明白了。
    <script> 
    var   str= '012.345 '; 
    var   x   =   str-0; 
    x   =   x*1;
    </script>

    让magento的评论显示在产品页面

     1.首先找到对应模板文件里的catalog.xml 文件,在 控制产品详细信息的节点<catalog_product_view translate="label">中

     <reference name="content"> 的这个节点之中在合适的位置放入 如下代码:

    <block type="review/product_view_list" name="product.info.product_additional_data" as="product_review" template="review/product/view/list.phtml">  
    <block type="review/form" name="product.review.form" as="review_form"/>
    </block>
    我一般是把这段放在  如下面这段之后:

    <block type="catalog/product_view" name="product.info.addtocart" as="addtocart" template="catalog/product/view/addtocart.phtml"/>

    2.接着在对应模板文件里面的catalog/product/view.phtml 文件里面适当位置插入一行代码:
    < ?php echo $this->getChildHtml('product_review') ?>
    4.刷新缓存即可。

    magento 列表页显示产品属性值的几种调用方式

         之前有人提到要在列表显示一些特定的属性,除了自带的名字,价格等。因为列表页和产品页都有一个同名的产品对象:$_product,而在产品页,$_product是直接可以用$_product->getAttributeName()来获取属性值的,因此很多人认为同样的方式可以在列表页使用,而测试的结果是同样的调用方式在列表页是获取不到值的,这是为什么呢?

         查看列表页和产品页对应的block的php文件,可以看出,虽然产品对象都命名为$_product,但来源不同,产品页的对象来自如下代码:

         $product = Mage::getModel('catalog/product')->load($this->getProductId());

         通过产品ID获取单个产品,这种方式获得的产品对象是包含该产品的所有信息的,自然包含全部属性值。再看列表的:

         Mage::getSingleton('catalog/layer')->getProductCollection();

         获得的是产品的集合,然后再模板文件里循环拿出集合里的产品,这个产品对象里只包含了图片,名字,URL地址等少数几个常用属性,满足一般列表页需要的信息,里面不包含其它非默认属性,所以用$_product->getAttributeName()在列表页取不到值。

          现在可以引出第一种解决方案了,既然列表页的产品对象里不包含属性值,而通过ID获得的单个产品是包含属性值的,那就在列表页重新获取一次产品对象:

    <?php $_columnCount = $this->getColumnCount(); ?>
        <?php $i=0; foreach ($_productCollection as $_product): ?>
        <?php $_product = Mage::getModel('catalog/product')->load($_product->getId());?> 
            <?php if ($i++%$_columnCount==0): ?>
            <ul class="products-grid">

          现在这个$_product就可以像产品页的一样取出各种你想要显示的属性,比如颜色:

          echo $_product->getAttributeText('color');

          这种方案虽然可以解决问题,但基于性能原因不推荐,列表页有大量产品,每次循环都要去重新读数据库获取一次包含所有信息的产品数据(而你用到的可能只是其中一个属性),会加大资源的消耗,在Magento本身速度就不占优势的情况下,这种额外消耗没有必要。

          接下来讲第二种方案,Magento的页面是由一个个block组合而成,block在调用的时候都是可以传参数的(如果有接收参数的代码的话),对于列表页产品产品所用的block来说,它可以接受属性名作为参数,从而在获取数据集合时将该参数对应的属性值添加进产品对象里,打开模板目录下\layout\catalog.xml,找到代码:

           <block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
            <block type="catalog/product_list_toolbar" name="product_list_toolbar" template="catalog/product/list/toolbar.phtml">

          在这里面新增一个action标签,这里还是以颜色为例:

          <block type="catalog/product_list" name="product_list" template="catalog/product/list.phtml">
                            <action method="addAttribute"><attribute>color</attribute></action>
                        <block type="catalog/product_list_toolbar" name="product_list_toolbar" template="catalog/product/list/toolbar.phtml">

            这样你就可以在列表页调用产品的颜色了,需要调用的属性都可以通过这种方式添加到集合里去。简单讲下为什么在这里可以用<action method="addAttribute">,打开block所对应的List.php文件,可以找到这样一个函数:

    public function addAttribute($code)
        {
            $this->_getProductCollection()->addAttributeToSelect($code);
            return $this;
        }

           这里的addAttribute对应的就是action标签里的addAttribute,$code参数接收的是action标签里传递的值(这里是color),看上面的php代码可以从字面上就理解出,这个函数接收传递的参数名,然后把这个参数对应的属性值添加进产品集合里面,最终结果就是你可以在列表页调出你想要的产品属性值。

            现在来讲最后一种方案也是今天推荐的方案,打开Magento后台,Catalog->Attributes->Manage Attributes,找到颜色属性(color)并点击进入,在配置项里找到Used in Product Listing选项,选择是并保存。

           现在你就可以在列表页用之前同样的方式调用颜色属性的值了,不需要前两种方式那样修改额外的代码,也就是说Magento本身已经考虑到了可能会用到在列表页调用常用属性以外的属性,并提供了在后台就可以方便添加的方式,是不是很简单呢。

    第三种方案毫无疑问是最合适的,之所以会讲一下前两种方案,是因为了解前两种方案有助于了解Magento本身的结构和block的使用方式,比如说第一种方案就是一种适用性很广泛的方式,很多地方都会有只包含部分信息的产品对象,在你需要特定信息时,都可以通过产品ID来重新获取完整产品对象,从而得到你要的信息,这些地方并不是每一个都有第二,第三种方案可供选择。

    CSS字体加粗属性font-weight工作原理

       font-weight允许值   normal | bold | bolder | lighter | l00 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

       font-weight初始值   normal

       font-weight可否继承   是

       font-weight适用于   所有元素

    为理解用户代理怎样决定字体变形的粗细,得先从关键字100到900谈起,然后我们再来看它是如何继承的。

       这些数字关键字用于定义与字体的相关特征的映射关系,即字体的粗细被分成九个等级。例如,OpenType就使用了九个值的数字级。字体有了这 级别之后,这些数字就直接映射到各个级,如100映射到最轻的字体变形,而900对应最重的字体变形。


       事实上,在这些数字中并不存在本质的字体粗细的约定。CSS指出,每个数字对应的字体粗细不得小于它前面的数字所对应的字体粗细。

       这样,100,200,300和400或许都对应同样粗细的字体变形,而500和600可能对应到一个更粗的字体变形,700,800和900则对应下另一种更粗的字体变形。

       这数字被定义为同某些普通的,而700对应于bold

    字体变形名等价。400等价丁normal

       其他数字不对应任何

    font-weight属性的关键字,但它们可以对应于普通的字体变形名。如果某种字体变形标记为“Normal”、“Regular”、“Roman”或“Book”,那么它便被分配给400,而且任何标记为“Medium”的字体变形就对应于500。

       然而,如果标记为“Medium”的字体变形是唯一可用的字体,那么它就不能同500相对应。

       如果在某个给定的字体系列里少于九个字体粗细级,则用户代理需要做更多的工作。在这种情况下,它必须用一种预先定义的方式来填充其间的空隙:

       如果值500未分配,它就被赋予同400一样的

    字体粗细。

       如果300未分配,它就同比400稍轻的字体变形对应。如果没有更轻的字体可用,300就同400一样对应于某个级。这通常是在“Normal”和“Medium”情况下。同样的方法用于100和200。

       如果600未分配,它便同比400稍重的字体变形对应。如果没有这样的字体可用,600就同500一样对应于某种字体变形。这种方法也用于700,800和900。

       为了便于理解,让我们来看三个

    字体粗细分配的例子,首先假设字体系列Karrank%是OpenType字体,而且已经定义了9个相应的粗细级。

       在这里,这些数字分别对应于各个级,而关键字normal和bold各自分配给400和700。在第二个例子里,我们考虑字体系列Zurich,它在本内容的开始提到过。假设其字体变形也被分配了下面的粗细值。

       字体形式:Zurich Light   分配的关键字:空   分配的数字:100,200,300

       字体形式:Zurich Regular   分配的关键字:normal   分配的数字:400

       字体形式:Zurich Medium   分配的关键字:空   分配的数字:500

       字体形式:Zurich Bold   分配的关键字:bold   分配的数字:600,700

       字体形式:Zurich Black   分配的关键字:空   分配的数字:800

       字体形式:Zurich UltraBlack   分配的关键字:空   分配的数字:900

       头三个数字分配给最轻的字体。普通字体对应关键字400和normal。

       Medium字体分配给数字500。没有字体变形分配给600,因此将600和700一起对应于同一字体变形Bold字体。最后800和900分别分配给Black和UltraBlack

    字体变形。


       也只有当最上面的两个粗细级已经分配后,才会出现这样的情况。

       否则用户代理可能会忽略它们,并且将800和900分配给Bold字体,或者将它们分配给两个Black字体变形之一。最后,让我们来看看Times宇体,它只有两种字体变形,TimesRegulal和TimesBold,如下所示。


       字体形式:TimesRegular   分配的关键字:normal   分配的数字:100,200,300,400,500


       字体形式:TimesBold   分配的关键字:bold   分配的数字:600,700,800,900


       关键宇normal和bold的分配相当直接。对于这些数字,100到300分配给Regular字体,但500怎么办呢?它被分配给Regular字体了,因为没有Medium字体;这样它就同400一样了。

       余下的,700总是分配给bold字体,而800和900,由于缺乏更粗的字体,也分配给Bold字体。最后,600被分配给下一个

    更粗的字体,当然,也只有bold字体了。


       字体粗细可被继承,如果将段落设置为bold,则所有的子元素都会继承粗体,如下:


       p.one {

    font-weight:bold; }

    jQuery文本框得到,失去焦点

    $(document).ready(function() { $(":input").focus(function(){  }).blur(function(){ }) })

  • magento 简化产品url

    magento 默认的产品url 带有分类名称。如:www.xxx.com/分类1/分类2/产品.html. 现在要改为:

    www.xxx.com/产品.html. 方法如下:

    1.system->Configuration->Catelog->

     

    把图片上的最后一个选为NO 

    2. 更改app-code-core-mage-catalog-model-url.php文件

    把里面的内容改为如下:

    //if (null === $parentPath) {
                        //$parentPath = $this->getResource()->getCategoryParentPath($category);
                    //}
                    //elseif ($parentPath == '/') {
                        $parentPath '';
                    
    //}

    3.最后到后台更新哈索引和缓存。 

    magento调用静态块

    1、在CMS调用

    {{block type=“cms/block“ block_id=“Static_Block_ID“}} 

     

    2、在模版里面调用。

    <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('Static_Block_ID')->toHtml() ?>

    注意代码中的Static_Block_ID就是你自己定义的标识符.当然,你可以换其他的名字
    PS:静态块中可以放你的文字,图片,都可以 的..可以使用静态HTML 

  • magento cagegory如何添加自定义属性

    在magento中给产品添加自定义属性是很容易实现在后台就可以很轻易添加,但是给分类就不行了,magento本身没有提供给category添加自定义属性。在实际的运用过程中我们想给cagegory添加属性就得自己想办法了。在这里说说我是怎么添加的。

    思路:通过建立一个产品属性->通过数据库把这个属性更改为cagegory的属性

    具体操作:1.建立一个产品属性 网站后台->catalog->Attribute->Manage Attribute 在这里新建好自己想要的属性。

         2.通过sql:SELECT attribute_id FROM `eav_attribute` where attribute_code='cus_category_description' 这里的attribute_code 这个值是你刚才新建的属性code 得到attribute_id。

         3.通过sql:SELECT entity_type_id FROM `eav_entity_type` where entity_type_code='catalog_category';找到entity_type_id。

         3.通过sql:update `eav_attribute` set entity_type_id=(第3步得到的 entity_type_id) where attribute_id=(第2步得到的 attribute_id)。这样就已经把第一步新建的产品属性更改为分类的属性了,这步做了之后再后台你还是看不到你刚才添加的那个属性的,还需要一个步骤就是向eav_entity_attribute这个表中新增一条记录。

     4.通过sql:insert into `eav_entity_attribute`(entity_type_id,attribute_set_id,attribute_group_id,attribute_id,sort_order) values(第3步得到的 entity_type_id,attribute_set_id(参照第5步),attribute_group_id(参照第5步),attribute_id(第2步得到),sort_order(根据自己需要显示的顺序写个值就行))。

      5.如何得到 attribute_set_id 和 attribute_group_id:到网站后台分类管理的页面通过火狐或者谷歌浏览器查看元素的功能可以找到填写分类关键词那个属性的code值如 name="general[meta_keywords] ,这个meta_keywords值就是分类关键词的属性code了。通过第2步 就可以查到 meta_keywords这个code的attribute_id。通过这个attribute_id在表中eav_entity_attribute 就可以查到相应的 attribute_set_id 和 attribute_group_id 。

      6.刷新网站缓存 ok 在分类管理页面就可以看到刚才添加的那个属性了。

     7.获取分类自定义属性:     

    <?php 
    $cat_attr = $_category->getAttributes();
    if(array_key_exists('cus_category_id', $cat_attr)):
    $_shortDescription=$cat_attr['cus_category_id']->getFrontend()->getValue($_category);
    echo $_shortDescription;
    endif;
    ?>


  • 0 0
    原创粉丝点击