如何用JS制作以下网页
这样的有几种写法,一个就是发送请求给后台,传的数据是邮箱,然后获取用户名,域名,顶级域名,然后渲染到页面上,但是这得后台配合,第二个就是自己声明假的数据,就是一个数组,里面有多个对象,比如:
《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:“xx@163.com“,username:“zhangsan“,domain:“hao123“,topDomain:“.com“},{email:“yy@qq.com“,username:“lisi“,domain:“baidu“,topDomain:“.com“},{email:“zz@msn.com“,username:“wangwu“,domain:“taobao“,topDomain:“.com“}];
var inp = document.getElementsByTagName(“input“);
var btn = document.getElementsByTagName(“button“);
var username = document.getElementsByClassName(“username“);
var domain = document.getElementsByClassName(“domain“);
var topDomain = document.getElementsByClassName(“top-domain“);
btn.onclick = function() {
var val = inp.value;
username.textContent = ““;
domain.textContent = ““;
topDomain.textContent = ““;
for (var i=0;i《arr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
《/script》
用javascript设计网页如图
《!-- 第一个页面 --》
《html》
《head》
《meta charset=“utf-8“ /》
《style type=“text/css“》
ul{list-style:none;}
ul li input{background:yellow;}
《/style》
《script》
var newwin;
function openWindow(){
newwin = window.open(“新窗口.htm“);
}
function closeWindow(){
newwin.close();
}
《/script》
《/head》
《body》
《center》
《ul/》
《li》
《input type=“button“ onclick=“openWindow();“ value=“打开这个窗口“ /》
《/li》
《li》
《input type=“button“ onclick=“closeWindow();“ value=“关闭这个窗口“ /》
《/li》
《/ul》
《/center》
《/body》
《/html》
《!-- 新窗口.htm --》
《html》
《head》
《meta charset=“utf-8“ /》
《/head》
《body》
《h1》我是新窗口《/h1》
《/body》
《/html》
网页设计技术的JavaScript
JavaScript具有脚本语言的简单这个特性,编写容易,不需要有很深的编程经验.JavaScript语言是通过嵌入或整合在标准HTML语言中实现的,也就是说JavaScript的程序是直接加入在HTML文档里,当浏览器读取到HTML文件中JavaScript的程序,就立即解释并执行有关的操作,无须编译器,其运行速度比JavaApplet要快得多.现在,JavaScript已经成为了制作动态网页必不可少的元素,大家经常在网页上看到的动态按钮,滚动字幕,javaScript技术制作的.-javascript设计网页作品