第二次作业 | 易学教程

第一题

<html>

<head>

</head>

<body>

</select>

var provinceArr=['上海','江苏','河北'];

var cityArr=[

['上海市'],

['苏州市','南京市','扬州市'],

['石家庄','秦皇岛','张家口']

];

var countryArr=[

[ ['黄埔区','静安区','长宁区','浦东区'], ],

[ ['吴中区','姑苏区'], ['玄武区','秦淮区'], ['广陵区','江都区'] ],

[ ['长安区','桥西区'], ['海港区','上海关'], ['桥东区','桥西区'] ]

];

function createOption(obj,date){

for (var i in date){

var op =new Option(date[i],i);

obj.options.add(op)

}

var provine=document.getElementById('province');

createOption(province,provinceArr);

var city =document.getElementById('city');

province.onchange=function(){

city.option.length=0;

createOption(city,cityArr[province.value]);

};

var country =document.getElementById('country');

city.onchange=function(){

country.options.length=0;

createOption(country,countryArr[province.value][city.value]);

};

province.onchange=function(){

city.options.length=0;

createOption(city ,cityArr[province.value]);

if (province.value>=0){

city.onchange();

}

else {

country.options.length=0; }

};

</script>

</body>

</html>

第2题

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script>

var arr = new Array(1,2,3,4,2,5,6,2,7,2);

var arr2 = new Array();

for(var i =0,j=0; i<arr.length-1; i++){

if(arr[i]!=2){

arr2[j]=arr[i];

j++;

}

document.write(arr2);

</script>

</head>

<body>

</body>

</html>

第3题

<!DOCTYPEhtml><html>
<head>
    <meta charset="utf-8">
    <title>编写函数实现单击change按钮，为div元素添加红色双线的边框。</title>
    <style type="text/css">
        div{
            font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;
            width: 600px;
            text-align: center;
        }
        .haha{
            margin-top: 20px;
            margin-left: 250px;
            font-size: 20px;
        }
        .haha:hover{
            border: 3px solid purple;
        }
    </style>
</head>
<body>
   <div id="joy">
      <p>咱们什么都没有，唯一的本钱就是青春。</p>
   </div>
   <button class="haha" onclick="myFunction()">change</button>
   <script type="text/javascript">
    function  myFunction(){
        var Color = document.getElementById("joy");
        Color.style.border = "3px double red";
        Color.innerHTML = "<p>那就努力改变自己吧，不辜负这大好的青春，不辜负自己！</p>";
        
    }
    </script>
</body>
</html>
感想：简单的谈谈我在JSP 网站开发这门课中都学到了什么， JSP 的全称是Java Server Pages ，它是一种动态网页技术。我们需要配置的坏境有JDK, Tomcat。JSP是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态技术标准。在传统的网页HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这样大大降低了对客户浏览器的要求，即使客户浏览器端不支持Java，也可以访问JSP网页。 JSP在根本上是一个简化的Servlet设计，他实现了HTML语法中的java扩张（以 <%, %>形式）。JSP与SERVLET一样，是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户端。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。相比较其他主流动态网页技术，JSP具有很多独特的优势，如 1. 适用于任何平台、支持者众多 2. 程序的执行效率高 3. 拥有Java优势 4. 强大的服务器组件 5. 强大的数据库支持。

来源：https://www.cnblogs.com/hxycc/p/11693905.html

标签

jsp

html代码

html文件