uri / touch-phone / 3.2.0 / bem-history / Classic BEM libraries / Libraries / BEM

uri

Module for an url parsing.

Usage

modules.require(['uri'], function(Uri) {

    // Parse url
    var u = Uri.parse('http://example.org:8080/path?test=1&test=2&param2=22');

    // Change port
    u.setPort(80);

    // Change query params
    u.deleteParam('test', '2');
    u.replaceParam('param2', 2);

    // Serialize url
    u.toString(); // "http://example.org:8080/path?test=1&param2=2"

});

Open in a new window

<!DOCTYPE html>
<html class="ua_js_no">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>bem-history: uri</title>
    <script>
        (function(e, c) {
            e[c] = e[c].replace(/(ua_js_)no/g, "$1yes");
        })(document.documentElement, "className");
    </script>
    <link rel="stylesheet" href="_simple.css">
    <script src="_simple.js"></script>
    <meta name="viewport" content="width=device-width,maximum-scale=1,initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link name="apple-mobile-web-app-capable" content="yes">
</head>

<body class="page ua i-bem" data-bem='{"ua":{}}'>
    <p>
        <div class="test test_action_addParam i-bem" data-bem='{"test":{}}'>addParam</div>
    </p>
</body>

</html>

{
    block: 'page',
    title: 'bem-history: uri',
    head: [
        {
            elem: 'css',
            url: '_simple.css'
        },
        {
            elem: 'js',
            url: '_simple.js'
        }
    ],
    content: [
        {
            tag: 'p',
            content: {
                block: 'test',
                mods: {
                    action: 'addParam'
                },
                content: 'addParam'
            }
        }
    ]
}

[
    'page',
    {
        block: 'test',
        mods: {
            action: 'addParam'
        }
    }
]

Open in a new window

<!DOCTYPE html>
<html class="ua_js_no">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>bem-history: uri</title>
    <script>
        (function(e, c) {
            e[c] = e[c].replace(/(ua_js_)no/g, "$1yes");
        })(document.documentElement, "className");
    </script>
    <link rel="stylesheet" href="_simple.css">
    <script src="_simple.js"></script>
    <meta name="viewport" content="width=device-width,maximum-scale=1,initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link name="apple-mobile-web-app-capable" content="yes">
</head>

<body class="page ua i-bem" data-bem='{"ua":{}}'>
    <p>
        <div class="test test_action_addParam i-bem" data-bem='{"test":{}}'>addParam</div>
    </p>
</body>

</html>

{
    block: 'page',
    title: 'bem-history: uri',
    head: [
        {
            elem: 'css',
            url: '_simple.css'
        },
        {
            elem: 'js',
            url: '_simple.js'
        }
    ],
    content: [
        {
            tag: 'p',
            content: {
                block: 'test',
                mods: {
                    action: 'addParam'
                },
                content: 'addParam'
            }
        }
    ]
}

[
    'page',
    {
        block: 'test',
        mods: {
            action: 'addParam'
        }
    }
]

Methodology

Technology

Toolbox

Libraries

Tutorials

uri

Usage

Send feedback