黑马程序员_JavaScript的学习

本文介绍了JavaScript的基础用法,包括事件处理和DOM操作,并深入探讨了JavaBean的设计原则及其在JSP中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

-----------------------------android培训java培训期待与您交流!----详细请查看:http://edu.youkuaiyun.com/heima---------------



1.    JavaScript: 一门动态语言,浏览器中基于事件的解释性的函数。

<head>//写在<head>

    <scripttype="text/javascript">

function validate(){

var username =document.getElementById("username1");//var是变量类型, //id是每个元素的属性。不会用在服务器端。获取一个控件的第二种方法:

//varusername = document.getElementsByName("username")[0];

 

var password =document.getElementById("password1")

 

}

 

全选按钮:

<body>

  

   全选<input type="checkbox"onclick="selectAll()"name="allMails"><br><br><br>

   <input type="checkbox"name="email"><br>

   <input type="checkbox"name="email"><br>

</body>

在head中的selectAll()函数:

<scripttype="text/javascript">

    function selectAll()

    {

           varallMails = document.getElementsByName("allMails")[0];

           varmails = document.getElementsByName("email");

           if(allMails.checked)

           {

                  for(vari = 0; i < mails.length; i++)

                  {

                         mails[i].checked = true;//组件checkbox中有一个checked属性

                  }

           }

}

var nodes =document.getElementsByTagName("input");//返回组件

           for(vari = 0; i < nodes.length; i++)

           {

                  alert(nodes[i].type);//alert()用于JS的页面的输出

           }

 


 MVC设计模式(Model 模型  View   视图  Controller 控制器)


JavaBean:

1.    JSP侧重于生成动态网页,事务处理由JavaBean来完成,这样可以充分利用JavaBean组件的可重用性特点,提高开发网站的效率

2.    一个标准的JavaBean有以下几个特性:  JavaBean是一个公共的(public类  JavaBean有一个不带参数的构造方法  JavaBean通过setXXX方法设置属性,通过getXXX方法获取属性。

3.    一相典型的JavaBean:CounterBean

public classCounterBean{

  private int count=0;

  public CounterBean(){}

  public int getCount(){

    return count;

    }

  public void setCount(int count){

    this.count=count;

    }

}

4.    JSP访问JavaBean的语法:1. 导入JavaBean类2    声明JavaBean对象 ,3 .访问JavaBean属性

5.    导入JavaBean类:通过<%@  page  import> 指 令 导 入JavaBean类,例如: <%@ page import="mypack.CounterBean" %>

6.声明JavaBean对象:

<jsp:useBean>标签用来声明JavaBean

对象,例如:

<jsp:useBean id="myBean

        class="mypack.CounterBean"scope="session" />

<jsp:useBeanid="myBean_1" 

       class="mypack.CounterBean"scope="session" />

6.    属性及用法:id="beanInstanceName"

 在所定义的范围中确认Bean的变量,使之能在后面的程序中使用此变量名来分辨不同的Bean,这个变量名对大小写敏感,必须符合所使用的脚本语言的规定,这个规定在JavaLanguage 规范已经写明。如果Bean已经在别的“<jsp:useBean>”标记中创建,则当使用这个已经创建过的Bean时,id的值必须与原来的那个id值一致;否则则意味着创建了同一个类的两个不同的对象。

7.    访问JavaBean属性:

JSP提供了访问JavaBean属性的标签,如果要将JavaBean的 某 个 属 性 输 出 到 网 页 上 , 可以用

<jsp:getProperty>标签,例如:

<jsp:getPropertyname="myBean" property="count" />

 

如果要给 JavaBean 的 某 个 属 性 赋 值 , 可以用<jsp:setProperty>标签,

例如:

<jsp:setProperty  name="myBean"  property="count"

value="0"/>

8.    getProperty:

<jsp:useBeanid="person"class="com.shengsiyuan.bean.Person"></jsp:useBean>

// javaBean 的声明

   <jsp:getPropertyproperty="name" name="person"/><br>

当不设置scope的属性时,效果等同Java代码有:

<% Person p = new Person();

out.println(person.getName());

%>

9.    setPeoperty:

 

10.     JavaBean的范围:

scope属性决定了JavaBean对象存在的范围

scope的可选值包括:

–page(默认值)

JavaBean对象的有效

范围是客户请求访问的当前JSP网页。JavaBean对象在以下两种情况下都会结束

生命期:

– 客户请求访问的当前JSP网页通过<forward>标记将请求转发到另一个文件

– 客户请求访问的当前JSP页面执行完毕并向客户端发回响应。

 

–request

JavaBean对象的有效范围为:1客户请求访问的当前JSP网页2和当前JSP网页共享同一个客户请求的网页,即当前JSP网页中<%@  include>指令以<forward>标记包含的其他JSP文件3当所有共享同一个客户请求的JSP页面执行完毕并向客户端发回响应时,JavaBean对象结束生命周期。

例如:

JSP1中有:<jsp:useBeanid="person" class="com.shengsiyuan.bean.Person"  scope=" request" ></jsp:useBean>

JSP2中得到同一具JavaBean对象,有:

<% Personp= (Person) request.getAttribute(“person”);%>

 

–session

JavaBean对象被创建后,它存在于整个Session的生存周期内,同一个Session中的JSP文件共享这个JavaBean对象。

 

–application

JavaBean对象被创建后,它存在于整个Web应用的生命周期内,Web应用中的所有JSP文件都能共享同一个JavaBean对象。










-----------------------------android培训java培训期待与您交流!----详细请查看:http://edu.youkuaiyun.com/heima---------------


### 黑马程序员 JavaScript 学习资料汇总 以下是关于黑马程序员提供的 JavaScript 学习资源及相关知识点的详细介绍: #### 一、基础入门视频教程 可以通过 B 站上的系列课程快速掌握 JavaScript 的基础知识。推荐以下两个视频作为起点: - **【黑马程序员前端】JavaScript 入门到精通 (1)** – 提供了 HTML 和 JavaScript 基础理论的学习内容[^1]。 - **【黑马程序员前端】JavaScript 入门到精通 (2)** – 进一步深入讲解实际开发中的应用案例。 这些视频涵盖了从零开始学习 JavaScript 所需的核心概念,适合初学者逐步理解并实践。 #### 二、常见功能实现案例分析 在实战项目中巩固所学技能非常重要。以下是一些经典的功能模块及其对应的解决方案: - 轮播图效果:通过 Apis-day2 中提到的方法可以完成带有鼠标悬停暂停以及自动播放等功能的图片轮播组件[^2]。 - 小米官网风格搜索框交互设计:利用焦点事件监听输入状态变化来增强用户体验。 - 键盘按键触发评论提交机制:借助键盘事件捕获用户的敲击动作从而执行特定逻辑操作。 以上实例均来源于官方教学材料,并附带详尽说明便于模仿练习。 #### 三、基本语法结构与事件绑定方法 对于刚接触这门语言的人来说,了解如何正确书写代码至关重要。下面展示了一个简单的例子用于演示给 DOM 对象附加行为的过程: ```javascript // 获取页面内的某个 div 元素节点 var divElement = document.querySelector('div'); // 定义当该元素被单击时要做的事情 function handleClick() { console.log("Div was clicked!"); } // 把上面定义好的函数设置成此 div 上发生 click 类型活动后的响应措施 divElement.onclick = handleClick; ``` 上述片段展示了标准方式之一去关联起始点同其后续可能产生的状况之间的联系[^3]。 #### 四、外部脚本文件加载技巧 为了保持网页主体简洁明了,在适当时候引入独立 js 文件成为必要手段。注意路径配置无误之后按照如下形式声明即可成功调用远端存储的内容[^4]: ```html <script type="text/javascript" src="/path/to/yourfile.js"></script> ``` 确保服务器能够正常提供请求过来的数据包;另外记得调整 MIME-Type 参数匹配目标类型(application/x-javascript 或 text/javascript)。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值