正则验证用户名和跨域postmessage

最新推荐文章于 2024-07-28 21:35:25 发布

MorningStar_cao

最新推荐文章于 2024-07-28 21:35:25 发布

阅读量106

点赞数 1

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/MorningStar_cao/article/details/133690089

版权

正则验证用户名

格式为大小写英文0-9数字组成的6到16位数字

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale =1">
        <title>text</title>
        <body>
            <form action ="web.php",method="post">
            <input type="text" name="name" required pattern="^[A-Za-z0-9]{6,16}$">
            <input type="submit" value="submit">
            </form>

        </body>


    </head>
</html>

跨域postmessage

<!DOCTYPE html>
<html lang=en>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale =1">
    </head>
        <title>2023</title>
        <body>
            <div>www.example.com</div>
        </body>
        <script>
            window.addEventListener('message', (event) => {
                if (event.origin === 'http://www.example1.com') {
                    const cookieData = event.data;
                    //处理cookieData
                    console.log('Receive message from parent:', cookieData);
                    window.parent.postMessage('child message', '*');
                }
            })
        </script>
        </html>

<!DOCTYPE html>
<html lang="en"></html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale">
    <title>iframe</title>
    <body>
        <iframe id="myIframe" src="http://www.example.com/" frameborder="0"></iframe>
    </body>
    <script>
        window.onload = function() {
        document.cookie = 'sessionid=example'
        const cookieData = document.cookie
        window.frames[0].postMessage(cookieData, 'http://www.example.com/');
    }
    //添加一个监听事件处理子页面的返回消息
    window.addEventListener('message', (event) => {
        if(event.origin === 'http://www.example.com')
        console.log('Received message from child:', event.data);
    })
    </script>
</head>