• 正则验证用户名和跨域postmessage

    一、正则验证用户名 

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Documenttitle>
    7. head>
    8. <body>
    9.     <form>
    10.         <input type="text" pattern="[A-Za-z0-9]+" required title="用户名只能包含字母和数字">
    11.         <input type="submit" value="提交">
    12.       form>
    13. body>
    14. html>

    二、跨域postmessage 

    1. ##----------------------------class03----------------------------------------------------
    2. #index.html
    3. html>
    4. <html lang="en">
    5.  
    6. <head>
    7.     <meta charset="UTF-8">
    8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    9.     <title>2023title>
    10. head>
    11.     <div>
    12.         <h1>www.test1.comh1>
    13.     div>
    14. body>
    15. <script>
    16.     window.addEventListener('message', (event) => {
    17.         if (event.origin === 'http://www.class2.cn') {
    18.             const cookieData = event.data;
    19.             //处理cookieData
    20.             console.log('Receive message from parent:', cookieData);
    21.             window.parent.postMessage('child message', '*');
    22.         }
    23.     })
    24. script>
    25.  
    26. html>
    27.  
    28. #web.php
    30. $pets = $_POST['pet-select'];
    31. echo $pets;?>
    32. ##----------------------------class04----------------------------------------------------
    33. #child.html
    34. html>
    35. <html lang="en">
    36. <head>
    37.     <meta charset="UTF-8">
    38.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    39.     <title>Childtitle>
    40. head>
    41. <body>
    42.     <h1>child-htmlh1>
    43. body>
    44. <script>
    45.     console.log(document.cookie);
    46.     alert(1);
    47. script>
    48. html>
    49.  
    50. #index.html
    51. html>
    52. <html lang="en">
    53. <head>
    54.     <meta charset="UTF-8">
    55.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    56.     <title>iframetitle>
    57. head>
    58. <body>
    59.     <iframe id="myIframe" src="http://www.test1.com/" frameborder="0">iframe>
    60. body>
    61. <script>
    62.     window.onload = function() {
    63.         document.cookie = 'sessionid=class2'
    64.         const cookieData = document.cookie
    65.         window.frames[0].postMessage(cookieData, 'http://www.test1.com/');
    66.     }
    67.     //添加一个监听事件处理子页面的返回消息
    68.     window.addEventListener('message', (event) => {
    69.         if(event.origin === 'http://www.test1.com')
    70.         console.log('Received message from child:', event.data);
    71.     })
    72. script>
    73. html>

  • 相关阅读:
    C语言时间函数gmtime和localtime
    spring总结
    2.6 动态规划—lc炒股系列
    一些可以参考的文档集合6
    16. Java字符串拼接的低层原理
    【HCIA-cloud】【1】云计算的定义、什么是云计算、云计算的架构与技术说明、华为云计算产品、华为内存DDR配置工具说明
    GitOps 工具 Argo CD 实战教程
    如何提高一个网站的排名？
    海外问卷调查是不是很枯燥？
    神经网络-卷积神经网络案例详解
  • 原文地址：https://blog.csdn.net/m0_64449718/article/details/133677326