javascript简单网页,网页JavaScript

http://www.itjxue.com  2023-01-23 02:04  来源:未知  点击次数: 

如何用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编写网页(很简单,入门的作业)

html

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

(责任编辑:IT教学网)

更多

推荐数据库文章