专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

javascript

  • 在读 深入浅出javascript

    / 分类: 生活 / No Comments

    此书George Wing很久之前就推荐给过我了,还有javascript权威指南,当时本来他想和我翻译权威指南来着,只是空余时间不多加上更重要的英文没他好,我貌似就翻译了两段吧,还被他指出“这句这样翻译可能更好。”当时他从上海回长沙,不过现在他又回上海了。十分感谢他,他算是我js的启蒙老师。记得两年前我做一个门户网站js都是复制别人写好的js然后稍微改下里面的className就成了,那时还觉得只要html、css写的好,js无所谓。。认识他之后,才对javascript有一种尊敬、一种敬仰。现在虽然看到的效果差不多都能写出相应的js,但是感觉提升的空间太小了,所以从最基本的看起。我承认我有完美情节,希望写出NX的代码。半年前写的一个php站,现在还时不时的去挑挑毛病,想想哪里能再改改。有完美情节的肯定都是比较累的,我相信这样的人也不在少数。但我们累并快乐着。

    记录两个刚才生成的网址
    goo.gl/8rDY
    goo.gl/PiyX

    C:\Windows\System32\Drivers\etc\hosts
    64.147.188.86 www.xmarks.com
    64.147.188.92 api.xmarks.com
    64.147.188.89 login.xmarks.com
    64.147.188.87 sync.xmarks.com
    64.147.188.86 static.xmarks.com
    64.147.188.86 download.xmarks.com
    64.147.188.86 my.xmarks.com
    74.125.39.99 clients2.google.com
    74.125.39.99 chrome.google.com
    74.125.39.99 tools.google.com
  • js 解决两列、三栏div等高(自适应高度)

    / 分类: 开发 / No Comments

    var l=document.getElementById("left").scrollHeight;   
    var r=document.getElementById("right").scrollHeight   
    if (r>l) {   
        document.getElementById("left").style.height=document.getElementById("right").scrollHeight+"px";   
    } else {   
        document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px";   
    }
    

    网上的div等高方法大致有五种(无非就是利用js或者css),这个算是js方法一种的完善,无论left或是right高时,都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时,也可以通过在+"px"; 前面加上加减乘除来达到满意的效果,例,可写成:+5+"px"。

    下面是三栏等高:

    var l=document.getElementById("left").scrollHeight 
    var m=document.getElementById("middle").scrollHeight 
    var r=document.getElementById("right").scrollHeight 
    layoutHeight=Math.max(l,m,r) 
    document.getElementById("left").style.height=layoutHeight+"px" 
    document.getElementById("right").style.height=layoutHeight+"px" 
    document.getElementById("middle").style.height=layoutHeight+"px"