javascript简单网页,网页JavaScript
如何用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")[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=0;iarr.length;i++) {
if (val == arr[i].email) {
username.textContent = arr[i].username;
domain.textContent = arr[i].domain;
topDomain.textContent = arr[i].topDomain;
}
}
}
/script
使用JavaScript编写网页(很简单,入门的作业)
title计算园面积/title
script language="JavaScript"
function c(frm)
{
var r=frm.t1.value;
var res=Math.PI*r*r;
alert(res)
}
/script
/head
body
form name="form1"
p请输入圆的半径:
input type="text" name="t1" /
/p
input type="submit" name="Submit" value="计算" onClick=" return c(this.form)"
/form
/body
/html
JS入门 用javascript 编写一个简单网页
!doctype?html
html?lang="en"
head
meta?charset="UTF-8"
titleDocument/title
script
var?oddSum?=?function(n,fn){
var?sum?=?0;
fn?=?fn?||?function(n){
return?n;
};
for(var?i=0;in;i++){
if((i+1)1==1){
for(var?j=0;ji+1;j++){
if((j+1)1==1)
sum+=fn(j+1);
}
}
}
return?sum;
};
var?factorial?=?function(n){
return?n1???n*factorial(n-1)?:1;?
};
document.write('S=1+(1+3)+(1+3+5)+…+(1+3+5+…+19)'+oddSum(19));
document.write('br');
document.write('S=1!+?(1!+3!?)+(1!+3!+5!)+…+(1!+3!+5!+…+19!)'+oddSum(19,function(n){?return?factorial(n);?}));
/script
/head
body
/body
/html
用javascript编写网站简单网站
TMD!
浏览器输入:
打开网页后右键选择浏览源代码
把源代码拷出来 新建一个index.html的文件 用记事本打开,源码复制进去 保存关闭
你想功能多一点的
页面更丰富 这样岂不是更好
javascript编写一个简单网面
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
/head
body
script
var txtArray = new Array ("red","green","blue");//文字颜色
function mOver()
{//鼠标移上文字变化
var num = Math.floor(Math.random() * 3);
document.getElementById("textBox").style.color= txtArray[num];
}
function mOut()
{//鼠标离开文字变化
document.getElementById("textBox").style.color="#000000";
}
var imgArray = new Array ("1.gif","2.gif","3.gif");//图片地址
function butOnclick()
{
var num = Math.floor(Math.random() * 3);//随即一个图片
document.getElementById("imgBox").src = imgArray[num];
}
/script
div id="textBox" onmouseout="javaseript:mOut();" onmouseover="javaseript:mOver();"
p这是一点文字/p
/div
input type="button" name="button" value="点击" onclick="javascript:butOnclick();"/
img src="1.gif" id="imgBox"/
/body
/html
保存为网页测试下,(其实这样写麻烦,建议用jquery写那样要引用类库文件)
你测试的时候一定要给你网页所在目录3张图片分别是1.gif,2.gif,3.gif,我不能给你放网络上的图片,因为百度会屏蔽我的回答的。
帮忙用javascript编写一个超简单的网页,求和的
html
script language="javascript"
function jiafa(){
var a=document.getElementById("a").value;
var b=document.getElementById("b").value;
document.getElementById("c").value=parseInt(a)+parseInt(b);
}
/script
body
p
input type="text" name="a" /
/p
p+/p
p
input type="text" name="b" /
/p
p
input type="submit" name="Submit" value="||" onclick="jiafa();" /
/p
p
input type="text" name="c" /
/p
/body
/html