<input type="text" placeholder="请输入邮箱">
<button>开始分析</button>
<div>
用户名:<span class="username"></span></br>
域名:<span class="domain"></span></br>
顶级域名:<span class="top-domain"></span>
</div>
<script type="text/javascript">
var arr = [{email:"[email protected]",username:"zhangsan",domain:"hao123",topDomain:".com"},{email:"[email protected]",username:"lisi",domain:"baidu",topDomain:".com"},{email:"[email protected]",username:"wangwu",domain:"taobao",topDomain:".com"}]
var inp = document.getElementsByTagName("input")[0]
var btn = document.getElementsByTagName("button")[0]
var username = document.getElementsByClassName("username")[0]
var domain = document.getElementsByClassName("domain")[0]
var topDomain = document.getElementsByClassName("top-domain")[0]
btn.onclick = function() {
var val = inp.value
username.textContent = ""
domain.textContent = ""
topDomain.textContent = ""
for (var i=0i<arr.lengthi++) {
if (val == arr[i].email) {
username.textContent = arr[i].username
domain.textContent = arr[i].domain
topDomain.textContent = arr[i].topDomain
}
}
}
</script>
原生js操作网页
emmm
添加网页元素
移除网页元素
代码
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
div{
border: 1px solid black
width: 100px
height: 100px
text-align: center
}
</style>
<body>
<div>div1</div>
<div>div2</div>
<script>
var div = document.createElement("div")
div.innerText = "这是使用js添加的元素"
//添加一个div元素
document.body.appendChild(div)
alert("3秒后移除div1")
//移除html元素
setTimeout(function () {
var divList = document.getElementsByTagName("div")
divList[0].remove()
},3000)
</script>
</body>
</html>
这两个很基础,其实所有其他js库(jquery之类的)能做的事情原生js都能做。
TMD!浏览器输入:www.baidu.com
打开网页后右键选择浏览源代码
把源代码拷出来 新建一个index.html的文件 用记事本打开,源码复制进去 保存关闭
你想功能多一点的
www.163.com
页面更丰富 这样岂不是更好