使用IDEA学习JSP代码第018课

最新推荐文章于 2023-12-11 16:26:29 发布

虾米大王

最新推荐文章于 2023-12-11 16:26:29 发布

阅读量106

点赞数

分类专栏： Java 文章标签： intellij-idea 学习 bootstrap

本文链接：https://blog.csdn.net/modern358/article/details/125192814

版权

JSP Bootstrap JavaBean JavaScript对象事件处理

关键词由CSDN通过智能技术生成

Java 专栏收录该内容

1301 篇文章 5 订阅

订阅专栏

new366.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="pack03.new362" %>
<jsp:useBean id="inform" type="pack03.new362" scope="request"/>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
<%@include file="new348.jsp"%>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <table class="table table-bordered">
                <tr>
                    <th>会员名</th>
                    <th>性别</th>
                    <th>年龄</th>
                    <th>电话</th>
                    <th>邮箱</th>
                    <th>简介</th>
                </tr>
                <tr>
                    <td><jsp:getProperty name="inform" property="loginName"/></td>
                    <td><jsp:getProperty name="inform" property="sex"/></td>
                    <td><jsp:getProperty name="inform" property="age"/></td>
                    <td><jsp:getProperty name="inform" property="phone"/></td>
                    <td><jsp:getProperty name="inform" property="email"/></td>
                    <td><jsp:getProperty name="inform" property="message"/></td>
                </tr>
            </table>
        </div>
    </div>
</div>


</body>
</html>

new367.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body>
    <script type="text/javascript">
        var obj = new Object();
        obj.name = "name";
        obj.age = 18;
        obj.fun = function (name,age) {
            return(name + "," + age);
        };

        alert(obj.fun("xxx",33));

    </script>
    <script type="text/javascript">
        var obj2 = {
            name : "yyy",
            age : 19,
            func : function (a,b) {
                return  a + "," + b;
            }
        };

        alert(obj2.func("kkk",39));


    </script>
</body>
</html>

new368.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

</head>
<body onload="alert('静态注册事件')">

</body>
</html>

new369.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        //
        function onloadFunc(){
            alert('静态注册事件');
        }
    </script>
</head>
<body onload="onloadFunc()">

</body>
</html>