<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>
JavaScript是什麽?
JavaScript
是一种新的描述语言,此一语言可以被箝入
HTML
的文件之中。
透过
JavaScript
可以做到回应使用者的需求事件
(如:
form
的输入)
而不用任何的网路
来回传输资料,所以当一位使用者输入一项资料时,它不用经过传给伺服端
(server)
处理,再传回来的过程,而直接可以被客户端
(client)
的应用程式所处理。你也可
以想像成有一个可执行程式在你的客端上执行一样!目前已有一些写好的程式在
Internet
上你可以连过去看看,以下有一些计算器的例子,在
Nescape
上。
JavaScript
和
Java
很类似,但到底并不一样!
Java
是一种比
JavaScript
更复杂
许多的程式语言,而
JavaScript
则是相当容易了解的语言。JavaScript
创作者
可以不那麽注重程式技巧,所以许多
Java
的特性在
Java
Script
中并不支援。