首页>>前端>>Node->用javascript写简单网页?

用javascript写简单网页?

时间:2023-11-30 本站 点击:1

帮忙用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

用javascript编写网站简单网站

TMD!

浏览器输入:

打袭唯开网页后右键选择浏览源代码

把源代码拷出尘戚来 新建一个index.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编写网页(很简单,入门的作业)

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

用javascript制作网页

第一、把所激册有复选框的name改成一样的

第二明答宏、(全选、反选)script type="text/javascript"

//复选框全选

function checkAll(formvalue) {

var roomids = document.getElementsByName(formvalue);

for ( var j = 0; j roomids.length; j++) {

if (roomids.item(j).checked == false) {

roomids.item(j).checked = true;

}

}

}

//复选框全不选

function uncheckAll(formvalue) {

var roomids = document.getElementsByName(formvalue);

for ( var j = 0; j roomids.length; j++) {

if (roomids.item(j).checked == true) {

roomids.item(j).checked = false;

}

}

}

//复选框选择转换

function switchAll(formvalue) {

var roomids = document.getElementsByName(formvalue);

for ( var j = 0; j roomids.length; j++) {

roomids.item(j).checked = !roomids.item(j).checked;

}

}

/script

第三、弹出新页面:script window.open(页面名);script/举梁

如何用JS创建一个简单的网页计算器

!doctype html    

html    

head    

title计算器/title    

meta charset="utf-8"/    

style type="text/css"    

.panel{    

  border:4px solid #ddd;    

width:192px;    

margin:100px auto;    

} 喊洞   

.panel p,.panel input{    

  font-family:"微软雅黑";    

font-size:20px;    

margin:4px;    

float:left;    

}    

.panel p{    

  width:122px;    

height:26px;    

border:1px solid #ddd;    

padding:6px;    

overflow:hidden;    

}    

.panel input{    

 width:40px;    

height:40px;    

border:1px solid #ddd;    

}    

/style    

script type="text/javascript"    

//参数e用来接收传入的event对象    

function cal(e){    

//1.获取事件源,处理button的事件    

var obj=e.srcElement||e.target;    

if(obj.nodeName !="INPUT"){    

 return;    

}    

    

var value=obj.value;    

var p=document.getElementById("screen");    

if(value=="C"){    

//2.如果是[C],则清空p    

p.innerText="";    

}else if(value=="="){    

//3.如果是[=],则运算    

var exp=p.innerText;    

try{    

var result=eval("("+exp+")");    

//如果正确执行,将结果写入p    

p.innerText=result;    

}catch(e){    

//发生错误,给予错误提示    

 p.innerText="Error.";    

}   册饥 

}else{    

//4.如果是其它按钮,则将value追加到p中    

p.innerText+=value;    

    

}    

}    

/script    

/head    

body    

!--在最外层的div上注册单击事件,传入event对象,然后在函数中通过event判断出事件来源于哪一个button,    

    进而做出应有的处理。这样的好处是,避免在button上大量的注册事件。--    

div class="panel" onClick="cal(event);"    

div    

p id="screen"/p    

input type="button" value="C"    

div style="clear:both"/div    

/div    

div    

input type="button" value="7"    

input type="button" value="8"    

input type="button" value="9"    

input type="button" 州渗返value="/"    

input type="button" value="4"    

input type="button" value="5"    

input type="button" value="6"    

input type="button" value="*"    

input type="button" value="1"    

input type="button" value="2"    

input type="button" value="3"    

input type="button" value="-"    

input type="button" value="0"    

input type="button" value="."    

input type="button" value="="    

input type="button" value="+"    

div style="clear:both"/div    

/div    

/body    

/html

这是我自学时候写的计算器


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Node/4249.html