zoukankan      html  css  js  c++  java
  • 表单

    表单

    1.描述表单元素的HTML源代码


    表单标记<FROM>
    属性

    NAME

    METHOD 方法,一般为get post

    ACTION 定义表单处理程序的位置,有相对路径和绝对路径

    ENCTYPE 设置编码方式

    TYRGET 设置返回信息的显示方式

    通过GET 方式提交数据时,表单的内容会附加在URL地址后面,用?进行隔开。
    传递数据的格式是“name=value”
    当有多个要传递时,用&分割


    最大8192字符

    <INPUT> 表单输入标记
    <SELECT> 菜单和列表标记
    <OPTION> 菜单和列表项目标记
    <TEXTAREA> 文字域标记

    INPUT:

    <input name="" type="">
    name 是域的名称,type是域的类型

    type属性有许多属性值, TEXT(文字域),PASSWORD(密码框),FILE(上传),BUTTON(普通按钮),SUBMIT(提交按钮),RESET(重置按钮),HIDDEN(隐藏域)

    文字域TEXT

    文字域属性

    NAME 文字域的名称

    MAXLENGTH 文字域的最大输入字符数

    SIZE 文字域的宽度

    VALUE 文字域的默认值

    文本域标记<TEXTAREA>

    <TEXTAREA name="name" rows=value cols=value value=value></TEXTAREA>

    文本域 标记属性

    name 文本域的名称

    rows 文本域的行数

    cols 文本域的列数

    value 文本域的默认值


    框架:

    框架的作用就是把浏览器的窗口划分为几个更小的区域,每个区域显示不同的内容,所以使用框架是可以非常方便的完成网站的导航工作。

    框架主要由两部分组成,一个是框架集,另一个就是框架

    框架集标记 <FRAMESET>

    左右分割 cols
    <frameset cols="value,value,......">
    <frame>
    <frame> 代表一个窗口。。
    .......
    <frameset>

    其中value 为各个框架的宽度值,定义几个value值,就会有几个框架。

    可以为像素,也可以是百分比。

    上下分割rows

    嵌套分割 同时有


    框架标记<FRAME>
    通过<FRAME>标记的属性可以定义框架页面的内容,SRC,NAME常见属性,,SRC属性为在框架内要显示的文件的路径。 NAME 为框架的名字

    浮动框架<IFRAME>

    <iframe src="fil_url" height=value width=value name="iframe_name" align=""value"><iframe>

    属性
    SRC 浮动框架中显示的页面的源文件的路径

    WIDTH

    HEIGHT

    NAME

    ALIGN 浮动框架的排列方式

    FRAMEBORDER 框架边框的显示属性

    SCROLLING 框架滚动条显示属性

    MARGINWIDTH 框架边缘宽度属性

    MARGINHETGHT 框架边缘高度属性

    .................................................................................


    CSS

    层叠样式表的类型

    1.自定义层叠样式表

    如果要将自定义的层叠样式表应用在一整段文字,相应标签中出现classS属性,

    如果应用在部分文字上,那么出现<Span>和</Span>标签 并且包含class属性

    层叠样式表选择符常见:a:link , a:active , a:visited , a:hover

    a:link 设定正常状态下连接文字的样式

    a:active 设定鼠标单击时连接的外观

    a:visited 设定访问过的连接外观

    a:hover 设定鼠标放置在连接文字之上时,文字的外观。

    ...........................................................................


    JAVASCRIPT


    所有的javascript都是对某个事件做出的操作和反应,事件是javascript执行的基础。


    事件处理程序 HTML标记 触发时机

    onAbort <img> 图像加载过程中断时触发

    onBlur <body>和窗体元素 窗体和窗体元素失去键盘焦点时触发

    onChange 窗体元素 用户修改了窗体元素的值后触发

    onClick 所有元素 用户单击了类似按钮这样的窗体元素后触发

    onError <img> 加载图像过程中发生错误时触发

    onFocus <body> 窗体或窗体元素得到键盘焦点时触发

    onLoad <body><img><object> 文档,图像或对象完成加载时触发

    onMouseOut 所有元素 鼠标指针离开对象时触发

    onMouseOver 所有元素 鼠标指针移过对象时触发

    onSubmit <form> 用户提交窗体时触发

    onUnLoad <body>,<frameset> 卸载文档时触发


    js注释 // /*..........*/


    javascript 区分大小写,

    在浏览器解析html时,遇到javascript代码会调用javascript解释器,执行完后,浏览器又继续向下解析。

    javascript是一种表达式语言。

    + 代表连接符,把前后两个字符连在一起。

    document对象,,

    write() 和 writeln() 方法

    把文本添加到浏览器中要显示文本的当前位置。

    write(value,.....)
    writeln(value,....)

    writeln()方法在输出文字的同时,还有输出一个换行符号,需要在<pre>这个标记中。

    与用户交互的基本方法

    对话框:使用alert(),prompt(),confirm()三种方法来创建对话框

    1.显示信息对话框的alert()

    不能处理html标记

    <script>alert("sadfaf")</script>

    2.显示确认选择对话框confirm()方法

    <html>
    <head><title>confirm()方法使用示例</title></head>
    <body>
    <script language="javascript">
    document.write("11,22");
    if(confirm("fasfsaf")==true){
    documet.write("sdfsdff");
    }

    else
    { alert("sfasfasffd");

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

    3.显示提示对话框的prompt()方法

    使用prompt()方法显示提示对话框,可以显示一条由参数指定的消息,并等待用户在文本框中输入一段文字。

    ————————————————————————————————————
    对象:
    编程语言中的对象就是对现实世界中对象的抽象和模拟,在编程世界中,数据和处理数据的办法结合在一起就构成了对象,对象包括属性和方法这两个特点,属性用于描述对象的特征,方法表示对象能够做什么。

    在javascript中,创建对象有几种途径,最常见的为使用构造函数,内置的构造函数,如Object(),Array(),Date(),

    示例:

    <html>
    <head>
    <title>创建和使用对象的属性</title></head>
    <body>
    <script language=JavaScript>
    var vehicle=new Object();
    vehicle.car=new Object();
    vehicle.car.speed="奔驰";
    vehicle.car.color="red";
    document.write("小汽车的名字:"+vehicle.car.name);
    document.write("<br>奔驰的速度为:"+vehicle.car.speed);
    document.write("<br>奔驰的颜色:"+vehicle.car.color);
    </script>
    </body>
    </html>

    可以通过函数创建对象,这个时候函数叫对象的模板,在定义函数之后,可以使用new关键字和函数名称来创建新的对象,并对它赋值,这个时候定义的函数实际上就是一个构造函数,在定义函数时,使用this关键字来代表函数将来所创建的对象。

    <html>
    <head>
    <title>创建和使用对象的属性</title></head>

    <script language=JavaScript>
    function phone(name,phpneno,site){
    this.name=name;
    this.phpneno=phpneno;
    this.site=site;}
    </script>
    <body>
    <script language="javascript">
    varmyphone=new phone("啊啊啊",0000,"sadfasf");
    document.write()


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


    ——————

    浏览器对象模型


    浏览器创建的对象我们通常称作文档(Document)对象,它只是浏览器使用众多对象中的一部分,浏览器操作的各种对象组合起来我们叫做浏览器对象模型
    (Browser Object Model) ,简称BOM 。

    javascript使用的浏览器对象模型

    window对象 : navigator对象,Frames[]对象,location对象,document对象,history对象,screem对象。


    window对象是顶层对象,它包含了相关的显示文档的窗口信息,例如窗口包含的文档,框架,历史,位置等。navigator对象包含了浏览器的信息,例如浏览器的名称,版本,运行平台,是否支持cookie等。Frames数组用于引用一组窗口对象;
    location对象储存了当前页面的URL地址;document对象即为文档对象,是浏览器对象模型中最重要的对象,history对象记录了当前会话中用户访问了那些WEB页面,screen对象提供了当前计算机的显示特性,例如屏幕的宽度,高度,颜色深度等等。

    navigator对象的属性

    appCodeName 浏览器的代码名称,只读属性,Netscape和IE的该属性都是“Mozilla”
    appName 浏览器的实际名称,只读属性。

    cookieEnable 说明浏览器是否支持cookies,只读属性。

    Platform 给出运行浏览器的操作系统或硬件类型。

    systemLanguage 给出操作系统的缺省语言,只读属性。

    userAgent 给出浏览器在HTTP请求中使用的用户代理首部的值。

    navigator对象的方法,常用的有javaEnable(),用来判断当前浏览器是否对Java支持。

    窗口是javascript浏览器对象模型的顶层对象,称为window对象,它代表了打开的浏览器窗口,窗口对象是其他对象的基础,因为窗口对象使用非常频繁,所以在使用窗口对象的方法和属性时,可以省略window名称。

    window对象

    属性:

    closed 指明窗口是否已经被关闭,true表示关闭,false表示为关闭,只读属性

    document 只读,为当前窗口或框架包含的Document对象的引用。

    name 窗口的名称,窗口名称可以通过window.open()方法指定。

    screenX,screenY 整数型只读值,指定窗口左上角在屏幕上的X,Y坐标。

    alert(message) 在对话框中显示消息message,无返回值。

    blur() 从窗口中移去键盘输入点,无返回值。

    Close() 关闭窗口,无返回值。

    moveBy(dx,dy) 将窗口从当前位置移动到指定的距离。

    moveTo 将窗口移动到指定的位置

    Open(url,name,features) 在name参数指定的窗口中显示url指定的文档。

    setlnterval(code,interval,args...) 每隔interval指定的毫秒数就执行一次code字符串指定的代码。

    setTimeout(code,delay) 在延迟delay参数指定的毫秒数后指定code字符串指定的代码。


    文档对象模型不是javascript的一部分,而是独立于编程语言和操作平台的一个编程接口。

    document对象表示浏览器中显示的HTML文档。Docunment对象主要对应于文档主体部分———<body></body>标记的之间的内容。

    Document对象的访问语法为下述两种格式:

    window.document
    document

    document 常用属性:

    bgColor 指定文档的背景颜色

    cookie 允许读写HTTP的cookie,字符串类型

    fgcolor 指定文档的前景颜色,字符串类型

    title 文档标题,对应于文档中的<title>标记内容

    URL 指定当前文档的URL,只读属性


    document 常见方法:

    open() 删除现有文档的内容,打开一个新的文档输出流

    close() 关闭open方法打开的文档输出流

    focus() 指定文档得到焦点

    write(value,..) 在当前的文档中插入的字符串或在open()打开的文档末尾添加字符串

    writeln(value,...) 与Write()方法相同,只是在输出末尾添加回车换行符


    跳过VB 需要再学


    Cookie

    Cookie是保存在客户端计算机,运行在浏览器计算机中的一个短小的文本文件,通过“名-值”对方式存储。


    Cookie的语法格式

    cookie通常有服务器端的程序通过HTTP请求和响应头发送给浏览器。

    一个cookie字符串中最多能给存储20个“名-值”,对于每一个HTML文档来说,浏览器只存储一个cookie。

    在组成cookie的字符串中,不允许使用分号,逗号和空白符,使用要URL风格编码。

    Cookie属性

    name=value 指定cookie数据项的名称

    expires=date 它指定了cookie的过期日期

    其格式为: expires=weekday,DD-MON-YY HH:MM:SS GMT

    path=pathname

    指定cookie可用于特定的服务器中的什么位置,在cookie中指定路径可以同一个域中的多个页面共享cookie。

    domain=domainname

    可选属性,它指定是否所作用的域名后,可以在同一个域的多个服务器之间共享cookie。

    secure

    可选属性,它指定是否通过安全通道传递cookie


  • 相关阅读:
    c++ -- c风格字符串,以及c++通过c_str()方法与c风格字符串的转换
    python--sklearn,聚类结果可视化工具TSNE
    ml--分类与预测算法评价方法
    python--pandas学习,依赖库xlrd和xlwt
    python--源码位置查找
    mysql中的group by,having,order by,where用法
    mysql外连接的总结
    mysql数据库中多表关联查询的实例
    理解mysql数据库的事务特征,事务隔离级别,加锁机制
    理解springMVC的controller
  • 原文地址:https://www.cnblogs.com/congm/p/5547969.html
Copyright © 2011-2022 走看看