js作业网页（js代码作业）

发布时间：2023-12-08

js作业网页（js代码作业）

更新：2022-11-16 04:22

本文目录一览：

  1. 用javascript编写一个程序，要求：网页运行的时候弹出对话框：欢迎进入
  2. [JS作业题 ，附代码](#JS作业题 ，附代码)
  3. 用javascript和html完成的作业，问怎样使当在登录界面输入预定的密码后会进入·只有登陆成功四字网页
  4. 使用JavaScript编写网页（很简单，入门的作业）
  5. JS代码作业

用javascript编写一个程序，要求：网页运行的时候弹出对话框：欢迎进入

<html>
<head>
<title>作业</title>
<script>
function welcome(){
window.alert("欢迎进入");
}
</script>
</head>
<body onload="welcome();">
这是老师布置的弹窗作业
</body>
</html>

说明：把以上直接保存为html网页文件即可

JS作业题 ，附代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>无标题文档</title>
    <style>
    #group1 {
        width: 350px;
        padding-left: 20px;
        line-height: 30px;
    }
    .spanCss {
        font-size: 28px;
    }
    </style>
<script>
var ck = function(cc){
    var cs = group1.querySelectorAll("input[type=checkbox]");
    var num = 0;
    for(var i = 0; i < cs.length; i++){
        if(cs[i].checked){
            num++;
        }
    }
    cc.innerHTML = cs.length + "个选项，选中" + num + "个";
}
</script>
</head>
<body>
<p>大学学习目的：</p>
<fieldset id="group1">
<legend>
    <label><input type="checkbox" />学习知识，提高技能</label><br />
    <label><input type="checkbox" />培养终生学习能力</label><br />
    <label><input type="checkbox" />促进心智成长，增强表达、沟通、协作能力</label><br />
    <label><input type="checkbox" />构建人脉</label><br />
</legend>
</fieldset>
<p>要求实现的功能：</p>
<p><span class="spanCss" onclick="ck(this)">单击这里显示:？个选择项，选中？个</span></p>
</body>
</html>

用javascript和html完成的作业，问怎样使当在登录界面输入预定的密码后会进入·只有登陆成功四字网页

function check(){
    var oldpass = "abcdefg";
    var currpass = document.getElementById('password').value; //获取文本框中输入的值
    if(currpass.trim() != null){
        if(oldpass == currpass){
            window.location.href="success.html"; //如果密码匹配，进入success.html页面
        }
    }
}

在登录页面中放入一个文本框<input type="text" id="password" name="password">
和一个按钮<input type="button" id="login" name="login" value="login" onClick="check()">
然后还需要创建一个登录成功页面success.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>请输入圆的半径：</p>
<input type="text" name="t1" />
</p>
<input type="submit" name="Submit" value="计算" onClick=" return c(this.form)">
</form>
</body>
</html>

JS代码作业

这是1.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src=""></script>
<style type="text/css">
</style>
</head>
<body>
<input type="text" name="name1"><br /><br />
<input type="text" name="name2"><br /><br />
<input type="submit" id="sub">
</body>
<script>
$(function(){
    $("#sub").click(function(){
        if(confirm("确定要提交吗")) {
            var val1 = $("[name='name1']").val();
            var val2 = $("[name='name2']").val();
            window.location.href = "2.html?name1="+val1+"&name2="+val2;
        }
        return false;
    });
});
</script>
</html>

2.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src=""></script>
<style type="text/css">
</style>
</head>
<body>
</body>
<script>
$(function(){
    var url = location.search;
    alert(url);
});
</script>
</html>
推荐文章