GitHub 博客园 Nanakon

【众秒之门 JavaScript与jQuery技术精粹 #BOOK#】第1章 初学JavaScript需知的七件事 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div class="box" id="box"></div>
    <ul id="resources">
        <li><a href="">1</a></li>
        <li><a href="">2</a></li>
        <li><a href="">3</a></li>
    </ul>
    <script>
        function log(value) {
            if (typeof console !== 'undefined') {
                console.log(value)
            } else {
                alert(value)
            }
        }
        var numbers = [3, 342, 23, 22]
        numbers.sort(function(a, b) {
            return b - a
        })
        log(numbers[0])
        log(Math.max(3, 342, 23, 22))
        // 使用Math.max()则可以获得正确的值，因为只有一个属性有返回值，另一个将未定义
        log(Math.max(document.documentElement.scrollTop, document.body.scrollTop))

        function addclass(elm, newclass) {
            var classes = elm.className.split(' ')
            classes.push(newclass)
            elm.className = classes.join(' ')
        }
        addclass(document.getElementById('box'), 'selected')

        var resources = document.getElementById('resources')
        resources.addEventListener('click', handler, false)
        function handler(e) {
            var x = e.target
            if (x.nodeName.toLowerCase() === 'a') {
                log('Event delegation:' + x)
                e.preventDefault()
            }
        }

        var myApplication = function() {
            var name = 'Chris'
            var age = '34'
            var status = 'single'

            function createMember() {
            }
            function getMemberDetails() {
            }
            return {
                create: createMember,
                get: getMemberDetails
            }
        }()
    </script>
</body>
</html>

 

posted on 2013-09-18 05:37  jzm17173  阅读(309)  评论(0)    收藏  举报

导航

轻音