一 ，正则验证用户名
^表示匹配输入字符串的开始位置[@#￥$&]表示首部字符必须是@、#、￥、$或&[a-zA-Z]{2,3}表示字母部分可以是2到3个字母\d{5,10}表示数字部分可以是5到10个数字$表示匹配输入字符串的结束位置
^[@#￥$&][a-zA-Z]{2,3}\d{5,10}$
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
</head>
<body>
<form action="D:\web\One Piece work\index.html" method="post">
<input type="text" name="name" required pattern="^[@#￥$&][a-zA-Z]{2,3}\d{5,10}$" minlength="4" maxlength="14" size="15">
<input type="submit" value="submit">
</form>
</body>
</html>
二，跨域postmessage
首先启动D:\web\web03\web03.html和D:\web\web04\web04.html进行信息跨越传递
<body>
<iframe src="D:\web\web04\web04.html" frameborder="0" id="frame" "load()"></iframe>
<script type="text/javascript">
function load(){
let frame = document.querySelector('#frame');
console.log(frame);
}
window.onmessage = function(e){
console.log(e.data)
}
</script>
</body><body>
你好,biexing
<script type="text/javascript">
window.onmessage = function(e){
console.log('eeeeeeeee',e)
console.log(e.data);
//向父级（发射源）发送消息
e.source.postMessage('你好','D:\web\web03\web03.html');
}
</script>
</body> 
58
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
