0.先看一个实例

内嵌子标签:

… …   :文章标题

...         :字体标签,控制文本的大小、颜色、字体

... :#=1, 2, 3, 4, 5, 6   6级字号

...

:段落标签,分段,属性align="center/left/right"


      :换行标签


:水平分隔线

    :有序表

      :无序表

       :预格式文本

        :超链接或页内链接

      :图片标签

      ...:滚动标签

       :表格标签

         :嵌入音乐或视频

      ... 粗体标签

      ... 斜体标签

      ...  下划线标签,放在标签之间的文字将以下划线方式显示。

      用于强调的文本,一般显示为斜体字

      用于特别强调的文本,显示为粗体字

      用于引证和举例,通常是斜体字

      用来指出这是一组代码

      规定文本以小号字显示

      规定文本以大号字显示

      显示一段计算机常用的字体,即宽度相等的字体

      由用户输入文本,通常显示为较粗的宽体字

      用来表示变量,通常显示为斜体字

      表示一个定义或说明,通常显示为斜体字

      sup指数标签:122=144  指数标签

      sub下标标签:硫酸亚铁的分子式是Fe2SO4  


      小例子:

      同时进行行列分组

       

      手机充值、IP卡/电话卡
         

      移动 |  100 |  联通|  50

      Copyright © 2007 "淘宝网" All rights.


         


      • 列表项内容1
      • 列表项内容2
      • 列表项内容3

      1. 列表项内容1
      2. 列表项内容2
      3. 列表项内容3

         

      腾讯-QQ币/QQ幻想-30元卡

      一口价: 26.45元

      运费: 卖家承担运费

      剩余时间: 5天

      宝贝类型: 全新

      卖主声明: 货到付款,可试用10天!

      登录  

      主题名称    

      跳到【主题名称】  

      站长信箱  

      明星演唱会开幕

       

      滚动文字或图像

       

         

      单元格内容11 单元格内容12
      单元格内容21 单元格内容22

      手机充值、IP卡 办公设备、文具
      各种卡的总汇 铅笔 彩笔
      打印 刻录




      一、html的及标签

      1.html由2部分组成:头部和实体。

      ...

      ...


      2.HEAD标签中的一些内嵌子标签

      是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性

      内嵌子标签:

      html标题

       

      b.样式规则:标签样式

      样式规则


      c.样式规则:共享样式(类)


      例子:

      样式规则

      静夜思

      床前明月光,

      疑是地上霜。

      我是郭德刚,

      低头思故乡。


      d.文本属性

      font-size 字体大小

      font-family 字体类型

      font-style 字体样式

      color 设置或检索文本的颜色

      text-align 文本对齐

      e.方框属性

      边界属性   margin-left / margin-right / margin-top /margin-bottom   设置对象的下边距/右边距/上边距

      方框属性   border-width border-color  border-style   设置边框的宽度/颜色/样式

      填充属性   padding-top  padding-right  padding-bottom  padding-left 设置内容与上边框之间的距离


      4.特殊样式-超链接样式

      – a:link {color: #FF0000} /* 未被访问的链接红色*/

      – a:visited {color: #00FF00} /* 已被访问过的链接绿色*/

      – a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接橙色*/

      – a:active {color: #0000FF} /* 鼠标点中激活链接蓝色*/


      5. 行内(嵌入)样式表

      如果希望某段文字和其他段落文字显示风格不一样,该如何解决?

      设置属性

      这个段落应用了样式

      这个段落按默认样式显示

      6. 外部样式表文件

       如果希望一个网站中多个页面的样式保持一致,如何解决? 外部样式表文件

       根据样式文件与网页的关联方式又分为:

      – 链接(LINK )外部样式表

      – 导入(@import)外部样式表


      a.链接(LINK )外部样式表


      b.导入(@import)外部样式表



      十一、html中使用javascript

      1.在HTML中嵌入Javasript的方法

      a.直接在Javascript代码放在标记对之间

      b.由

      d.同一段脚本,函数定义可以出现在函数调用的后面,但是如果是分别在两段代码,且函数调用在第一段代码中,则会报函数未定义错误。

         

         

      e.document.write()会把输出写入到脚本文档所在的位置,浏览器解析完documemt.write()所在文档内容后,继续解析document.write()输出的内容,然后在继续解析HTML文档.(document.write会被解析2次)

      复制代码

         

         

      3.如何改变Javascript在页面的执行顺序

      利用window.onload


      4.显示的数字每秒加1

      1

      刷新时,该值会重置,如果不想重置,可以使用session或cookie


      5.任意自定义标签都可以有一个onclick回调属性,执行js的函数

      例子:点击“click me”更新输出加1


      jsp脚本

      1.JavaServlet引擎通过反射机制链接JSP页面转化为servlet子类,并在请求到来时执行该子类的方法。

      2.JSP指令

      @指令:提供给JavaServer引擎的编译指示;

      :提供运行时指令,用于处理页面.

      3.请求可被转发和扩充

      4.当每次GET页面刷新时,页面上的代码将会被重新执行;而POST页面只能被发送一次,一旦表单数据被发送,浏览器将无法保存数据。

      5.Servlet与JSP的关系?

      Servlet与JSP都可以通过其文件的绝对路径被浏览器请求,然后处理这些请求,返回响应;不同的是Servlet使用前必须作者自己编译为.class文件才能被使用,而JSP文件直接就可以被使用,但是JSP文件使用的过程是被JavaServlet自动解析为了Servlet子类并进行编译成了.class文件。JSP文件本质上是一个Servlet子类文件,并且JSP文件的不同部分在Servlet文件中存在一一对应的关系。JSP页面存在3种形式:JSP源码(.jsp文件)->java源码(servlet类)->java类(servlet对应class)

      6.GET和POST请求参数传递

      对于以下表单分别通过GET和POST传送

      First Name:

      Last Name:

      当这个表单被提交时,HTTP request 就会像这样:

      GET /foo.php?first_name=John&last_name=Doe&action=Submit HTTP/1.1

      ...

      POST:发送数据至服务器

      POST /foo.php HTTP/1.1

      ...

      Content-Length: 43

      first_name=John&last_name=Doe&action=Submit   //隐藏域


      6.Servlet的生命周期

      (1)init()

      当一个请求被容器引擎收到后,容器检查该servlet是否被载入,如就然后调用装载器得到servlet类并实例化,然后调用init()方法。该方法只会被调用一次。servlet被载入之后就可以处理任意数目的请求了,请求处理完不会被卸载。

      (2)service()

      init()方法成功完成后,servlet可以接收请求。默认只有一个servlet实例被创建。servlet容器在一个单一线程中向servlet实例转发每一个请求,并调用service()方法(或者doGet(),doPost())。

      (3)destroy()

      容器在卸载servlet实例时将调用destroy()方法。手动调用destroy()方法并不会卸载实例


      7.线程模型

      servlet引擎载入一个十二vletde单一实例,在单线程中使用该实例服务于多个请求,而该实例并不是线程安全的。安全的做法是在service()方法中定义局部变量,而不要轻易的将变量定义为servlet的成员变量。

      虽然单实例多线程模型为缺省模型,但servlet可以通过继承SingleThreadMode改变此行为,此接口不包含需要实现的方法。这样容器引擎可以创建一个实例池,并分配每一请求到自己的实例和线程,而不是共用实例。但是由于存在多个servlet实例,他们可能同时访问文件或数据库这样的资源,可能会有并发问题。这需要使用同步来解决。

      8.服务器与浏览器会话

      http不存在状态导致服务器与浏览器之间的会话需要使用其他的方式实现。

      跟踪客户端行为状态有2种方式:

      a.由客户端来跟踪保存,每次请求页面时,携带该状态给服务器处理。->cookie

      b.有服务器来跟踪保存,浏览器保存该状态集id,每次请求页面时,携带该id给服务器。->session;那么session的会话id如何在服务器和浏览器之间传递:(1)服务器可以在响应中加入一个set-Cookie头标,并将session-id作为cookie的取值,在随后的浏览器访问中可以返回带有cookie头标的取值;(2)浏览器可以将session-id附加到URL传递给服务器;(3)隐藏域,如果应用有一系列使用submit按钮进行导航的html窗体组成,session-id可以被存储成一个隐藏域,服务器可以通过request.getParameter()进行检索。显然,只有窗体均为动态生产的时候此方法才有用。

      cookie和session都以键值对的形式保存数据。


      9.JSP页面组件

      JSP元素有3种:

      (1).伪指令

      伪指令是指示JSP容器生产何种代码的命令。

      格式:

      <%@ directive-name [attribute="value" ...] %>

      3种标准伪指令:page include taglib

      a.page用于指定整体jsp页面的属性

      b.include为指令在转换时将另一个文件复制到该处,类似与C编译器的#incldue指令;<%@ include file="header.html" %>

      c.通过使用一个标签库,在当前页面中启用定制行为

      (2).脚本元素:注释、包含表达式、scriptlet和声明

      <%-... -%> 注释

      <%= express%>   表达式,相当于out.write(express);

      <% 语句;语句;...%> scriptlet

      <%! 函数或成员变量%> 声明

      (3).动作行为(7种,完全使用XML语法编码)

       申明一个java bean实例,使其与一变量名相关;

      设置在前面申明的bean的属性值;

      返回一个bean的指定属性值

      调用另一个资源,将其输出流并入到JSP输出流

      将http请求转发到另一个JSP页面或servlet进行处理

      将取值绑定到一个名字,并将绑定传至调用的另一个资源

      用于生成下载java插件相应的html链接


      10.jsp全部隐含对象

      request response pageContext session

      application out config page exception


      11.JSP文件与servlet.java文件对应关系

      <%@ page import ...%>    ->  import ...;

      <%! 函数或成员变量%>     ->  servlet成员变量和成员函数定义或声明

      <%...%> ->  service()成员函数中的一段代码


      JavaScript脚本

      一、基础

      1.javascript调试一般需要使用firedug插件,开发工具有很多,visual stuaio,eclipse,notpad等等

      2.基本语法

      2.1 javascript的语法类似与java语言,但不是面向对象的。

      2.2 javascript的注解和C语言相同,使用'//'和'/**/'

      2.3 javascript可以直接放在html中,如下

      而在xhtml中可能需要这么写:

      也可以把javascritpt单独放在一个.js的文件中,在html中应用该文件,如

      myjavascript.js

      alert("hello"); //只有一句

      在html中这样引用

      //即可将代码放在指定位置


      2.3 var声明变量

      变量只有先声明才能使用,

      var x=4;  //javascript是自动数据类型

      js的数据类型有: Number,String,Boolean,Null,Object(对象),Array,Date,RegExp

      Number 数字 : var h=0xe;

      String : var str="ls"

      Boolean :var f=false

      Null        :null是使用var定义后但没有赋值的变量,var t;此时t是空,没有定义的变量是不能用的。

      Object :var myobject={“iden”:"1","name":"coco"};不同于其它语言的对象,js的对象类似与字典,可以嵌套

      调用成员可以这样:alert(myobject.iden) 和这样alert(myobject["iden"])

      还可以这样:var mo=new Object; mo.iden="1";mo.name="coco";

      Array : var star=new Array(); star[0]="p";star[1]="e";star[2]="w";

       或var star=["p","e","w"]; 可以嵌套

      Date :var date= new Date(); alert(date.getYear());


      类型转换:一般之涉及数字与字符串之间的转化

      var mystr=String(100);

      var mynum=Number("100")

      bool值可以在字符串及数字之间自动转化

      2.4保留字

      break,delete,if,this,while,case,do,in,throw,with,catch,else,instanceof,try,continue,finaly,new,typeof,debugger,for,return,var,default,function,switch,void;下面将来保留字:calss,enum,extends,super,const,export,import,implements,let,private,public,yield,interface,package,protected,static

      2.5 几个重要的操作符

      in 包含操作符: if("start" in myobj)  myobj是对象

      instanceof 操作符  if(myobj instanceof Object)

      delete 删除操作符,可用于任何变量及元素 var st={"1","2"}; delete(st[0]);

      typeof 求var的类型  if(typeof(st)=="object")

      2.6 js的流控制语句

      if else

      switch case    支持字符串匹配哦

      while/do while

      for/for in    for in用于遍历对象

      2.7 函数

      1.无名函数:var f=function(para1,para2){...};f();

      2.一些对话框函数:alert(),confirm()

      3.有名函数

      function cub(par1,par2){

      ...

      return ...

      }

      也可以不直接指定入参(使用内建的arguments数组)

      function cub(){

      var arglen=arguments.length;

      for(var i=0;i

      return ...

      }

      2.8 闭包

      function myfun(){

      var mybun=10;

      function showNum(){

      alert(myNum)

      }

      return showNum();

      }

      var callFun=myfun();

      callFun();


      2.9对象

      1.定义一个具有属性和方法的对象:(先定义对象,再定义属性和方法)

      var ball={};

      ball.size=10;

      ball.color="red";

      ball.roll=function(para1){...};

      使用for..in..可以遍历对象中的所有属性(不包括方法)

      2.使用function定义类(先定义属性和方法再定义对象)

      function Star(){  //函数中使用this定义的Star类

      this.size=10;

      this.roll=function(){...}

      }

      var t=new Star(); 定义一个对象


      三、浏览器对象模型

      1.浏览器本身使用被抽象成一个window对象,该对象是以下对象

      document,frames,history,location,navigator,screen,self/window/parent

      2.window对象

      window对象是一个全局对象,表示浏览器目前正打开的窗口,alert和prompt()方法都是window的方法,由于window是全局对象,所以调用不需要加window前缀。

      screen.availHeight,screen.height


      四、文档对象模型

      1.DOM以一种树形结构,或者说一种根部在上的树形结构表示HTML文档,DOM提供了修改HTML的方法。

      2.获取元素

      a.通过id获取元素 

      Link to the w3

      var a=document.getElementById("w3link");

      b.




      转载于:https://blog.51cto.com/a1liujin/1795060

      你可能感兴趣的:(jsp、JavaScript与html)