写了1个小时啊,我是新手,写的不好。多多包涵。
网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了金牛免费建站欢迎大家使用!
======================================================================
script type="text/javascript" language="javascript"
function $(id){
return document.getElementById(id);
}
function $$(TagName){
return document.getElementsByTagName(TagName);
}
/script
script type="text/javascript" language="javascript"
//姓名、家庭住址、身份证号、毕业学校、所学专业等信息。
//然后,点击提交按钮,把用户提交的信息在网页的下半部分来显示出来。
function sub(){
var myform = $$("input");
var formdiv= $('formdiv');
formdiv.innerHTML = "姓名:"+myform.namedItem("username").value+"br";
formdiv.innerHTML += "家庭住址:"+myform.namedItem("useraddr").value+"br";
formdiv.innerHTML += "身份证号:"+myform.namedItem("idcard").value+"br";
formdiv.innerHTML += "毕业学校:"+myform.namedItem("school").value+"br";
formdiv.innerHTML += "所学专业:"+myform.namedItem("major").value+"br";
}
/script
姓名、家庭住址、身份证号、毕业学校、所学专业等信息。br
然后,点击提交按钮,把用户提交的信息在网页的下半部分来显示出来。
form method="get" onsubmit="false" id="myform"
姓 名:input type='text' name="username" /br
家庭住址:input type='text' name="useraddr" /
身份证号:input type='text' name="idcard" /
毕业学校:input type='text' name="school" /
所学专业:input type='text' name="major" /
input type="button" onclick="sub()" id="subbutton" value="提交"/
/form
div id="formdiv" style="border:2px solid red;width:500px;height:100px"
/div
hr /
2、在网页上设计5个按钮超连接,点击相应按钮的时候,链接到按钮上显示的网址上去。br
用JavaScript 来实现。(40分)br
script type="text/javascript" language="javascript"
window.onload = function(){
var buttons = $$('button');
for(var i=0,len=buttons.length;ilen;i++){
buttons[i].onclick = function(){window.open(this.value);};
}
}
/script
button value="" id="www163"网易/buttonbr
button value="" id="baidu" 百度/buttonbr
button value="" id="sina"新浪/buttonbr
button value="" id="mail163"网易邮箱/buttonbr
button value="" id="yahoo"雅虎/buttonbr
hr /
3、在网页上自己设计一个计数器,有按钮来控制计数器的开始和停止。br
每隔一秒钟,计数器就加1。超过60秒,则向分钟进位。最大计数时间为60分钟。
script type="text/javascript" language="javascript"
window.onload = function(){
//定义一个立即执行的匿名函数.当页面加载完毕时 立即执行,参数是:装载计数器的 DIV 的 ID
(function (div){
//创建页面所需的 标签
var timer = document.createElement("span");
var Intervalstop = document.createElement("input");
var IntervalContinue = document.createElement("input");
var timeclear = document.createElement("input");
var ln = document.createElement("br");
//间歇调用 的句柄,主要是为了清除 间歇调用。
var inter;
//var hours=0,minutes=0,seconds=0;
//定义一个时间类,主要是为了强化 tostring() 方法,使其在小于10的时候 有前置0。
function datatime(time){
var time;
this.time = time;
}
datatime.prototype = {
constructor : datatime,
tostring : function(){//格式化输出
if(this.time10){
return "0"+this.time;
}else{
return this.time;
}
},
autoadd : function(){//自增
return this.time++;
},
gettime : function(){//获取
return this.time;
},
setzero : function(){//清零
return this.time=0;
}
};
//实例化3个数,分别用来表示时分秒
var hours = new datatime(0);
var minutes = new datatime(0);
var seconds = new datatime(0);
//初始化 时间面板
timer.innerHTML = '00:00:00';
//设置页面元素的属性
Intervalstop.value = "停止计时";
Intervalstop.type = "button";
IntervalContinue.value = "开始计时";
IntervalContinue.type = "button";
timeclear.value="清零";
timeclear.type="button";
//将元素 加到页面中
document.getElementById(div).appendChild(timer);
document.getElementById(div).appendChild(ln);
document.getElementById(div).appendChild(IntervalContinue);
document.getElementById(div).appendChild(Intervalstop);
document.getElementById(div).appendChild(timeclear);
//间歇调用方法
function setClick(){
inter = setInterval(function(){
seconds.autoadd();
if(seconds.gettime()=60){
seconds.setzero();
minutes.autoadd();
if(minutes.gettime()=60){
minutes.autoadd();
hours.autoadd();
}
}
//输出到页面:
timer.innerHTML = hours.tostring()+":"+minutes.tostring()+":"+seconds.tostring();
},1000);
}
//停止计时
Intervalstop.onclick = function(){
if(inter){
clearInterval(inter);
}
};
//开始计时
IntervalContinue.onclick = function(){
//设置 间歇调用
setClick();
}
//清零
timeclear.onclick = function(){
seconds.setzero(); //将秒设置为零
minutes.setzero(); //将分钟设置为零
hours.setzero(); //将小时设置为零
//输出到页面
timer.innerHTML = "00:00:00";
//清除间歇调用
if(inter){
clearInterval(inter);
}
}
})("clock");
}
/script
div style="border:1px solid blue;width:300px;height:20px;"
div id="clock" /div
/div
========================================================================
以上复制保存就能用,手懒就没加注释,看不懂的给我信息。
1.var m=new Array(10);
for(i=0;im.length;i++)
{
m[i]=Math.floor(Math.random()*100+1);
}
var n=new Array(9);
for(j=0;jn.length;j++)
{
n[j]=Math.floor(Math.random()*100+1);
}
var arr=new Array();
arr=arr.concat(m,n);
document.write("将九个整数放到包含10个元素的一维数组中:"+arr+"br");
for(k=0;karr.length;k++)
{
for(s=0;sarr.length-k;s++)
{
if(arr[s]arr[s+1])
{
r=arr[s];
arr[s]=arr[s+1];
arr[s+1]=r;
}
}
}
document.write("排序:"+arr+"br");
var f=new Array(1);
f=parseInt(prompt("请输入一个数:"));
document.write("添加的数:"+f+"br");
var t=new Array();
t=t.concat(arr,f);
for(k=0;kt.length;k++)
{
for(s=0;st.length-k;s++)
{
if(t[s]t[s+1])
{
r=t[s];
t[s]=t[s+1];
t[s+1]=r;
}
}
}
document.write("最后的排序"+t);
2.var n=parseInt(prompt("请输入n的值。n=100"));
var k=new Array();
for(m=0;m=n;m++)
{
k[m]=Math.floor(Math.random()*1000+1);
}
document.write(k+"br");
m=k.sort();
n=m.reverse();
document.write("连成的最大整数为"+n.join(""));
3. var str=prompt("请输入一串英文:");
var m="a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z";
m=m.split(",");
for(i=0;im.length;i++)
{
if(str.indexOf(m[i])==-1);
{
document.write(m[i]+"br");
}
}
4. var m=prompt("输入一个整数:");
document.write(m+"br");
k=prompt("请输入k的值:");
document.write("第"+k+"位上的数是:"+m.charAt(k-1)+"br");
5.for(a=100;a100000;a++)
{
a=a.toString();
len=a.length;
if(len==3)
{
if(a.charAt(0)==a.charAt(a.length-1)a%Math.sqrt(a)==0)
{
document.write(a+"br");
}
}
else if(len==4)
{
continue;
}
else
{
if(a.charAt(0)==a.charAt(a.length-1)a.charAt(1)==a.charAt(a.length-2)a%Math.sqrt(a)==0)
{
document.write(a+"br");
}
}
}
!doctype html
html lang="en"
head
meta charset="UTF-8"
titleDemo/title
script
//试着编写一个程序,根据学生考试成绩,输出其总评的级别
var rank = function(n){
var rules = {
59:'不及格',
69:'一般',
79:'中等',
89:'良好',
100:'优秀'
};
n = Number(n);
n = (isNaN(n) || n 0) ? 0 : n;
n = n 100 ? 100 : n;
for(var limit in rules){
if(n = limit)
return rules[limit];
}
return 'out of rules!';
};
//输入1-7中的任何一个数字,输出相应的星期
var week = function(n){
return {
1:'星期一',
2:'星期二',
3:'星期三',
4:'星期四',
5:'星期五',
6:'星期六',
7:'星期日'
}[n] || 'out of rules!';
};
//输入1-12中的任何一个数字,输出相应的季节
var season = function(n){
var rules = {
3:'春',
6:'夏',
9:'秋',
12:'冬'
};
n = Number(n);
n = (isNaN(n) || n 1) ? 1 : n;
n = n12 ? 12 : n;
for(var limit in rules){
if(n = limit)
return rules[limit];
}
return 'out of rules!';
};
//定义一个无参数无返回值的名称为sayHello的函数,其作用是弹出提示框并提示信息“Hello,welcome you!”;
var sayHello = function(){
alert('Hello,welcome you!');
};
//定义一个函数名称为cube,其作用是弹出输入框提示用户输入一个整数(其方法是parseInt(prompt("请输入整数",0))),计算该整数的立方,并弹出提示框提示计算的结果
var cube = function(){
var n = parseInt(prompt('请输入整数',0));
alert(Math.pow(n,3));
};
// 定义一个函数名称为opt,其作用是计算1到n之间所有整数之和,将结果作为函数返回值返回
var opt = function(n){
var sum = 0;
for(var i=1;i=n;i++)
sum +=i;
return sum;
};
window.addEventListener('load',function(){
//调用函数sayHello()
sayHello();
//调用函数cube(),并输入整数25,查看计算结果
cube();
//调用函数opt(),计算1到20之间所有整数的和,并使用document.write()方法输出计算结果
document.write(opt(20));
});
/script
/head
body
/body
/html
如果你在代码中判断换行可用 \n
如果在网页面中输出一个换行须要用br / 这时\n就不起作用了!javascript中的换行符为\n,这是一种基于HTML网页编辑的换行。
如果要输出形式如下的警告
--------
第一行
第二行
--------
可以使用alert("第一行\n第二行");
B
B
AB
B
C
ABCD
20、true、false
1、2,3、0