javaweb复习

bgcolor背景颜色 可以修改简单的样式效果

onclick:“alert(‘你好’)” 可以直接设置事件响应后的代码

页面换行<br/>

水平线<hr/>

常用标签

 font标签是字体标签,可以用来修改文本字体的颜色,属性,大小
color属性修改颜色

Face属性修改字体类型

Size属性修改字体大小

常用的特殊字符
< <
> >
连续空白空格只保留一个

空格 

标题标签h1-h6

align对齐属性 left center right

超链接:在网页中可以点击跳转的内容都是超链接

<a href=“”></a>

Href属性设置连接的地址
target设置哪个目标进行跳转
   self表示在当前页面进行跳转
   blank表示打开新的页面

无序列表<ul><li>
type属性可以修改列表项前面的符号

有序列表<ol><li>

Img标签是图片标签,用来显示图片
src属性表示可以设置图片的路径

Width设置图片宽度

Heigth设置图片高度

Border设置属性边框大小

Alt属性设置当指定路径找不到图片时,用来代替的文本内容

Javase中相对路径:从工程名开始算

Javase中绝对路径:盘符:/目标/文件名

Web中相对路径:
.表示当前文件所在的目录
当前文件./ ./可以省略
..表示当前文件所在的上一级目录
web中绝对路径:http://ip:port/工程名/资源路径

表格
<table><tr><td>

Border:在table标签中显示边框加

tr是行标签
th是表头标签(居中重要显示)
td是单元格标签

cellspacing设置单元格间距

colspan:属性设置跨列
rowspan:属性设置跨行

Ifarme标签可以在页面中开辟一个小区域显示一个单独的页面
只能双标签,与<a>标签使用时,需要制定name,然后<a>中调用

Form表单<form>

<input type=”text”value=“”>文本输入框  value表示默认属性
type=“password”密码
type=“radio”单选框(性别单选的话,通过name指定是同一个),默认选中一个的话checked=checked
type=“checkbox”复选框

<select>标签是下拉列表框
<option>标签是下拉列表框中的选项
默认选中某一个,标签中加selected=selected

Textarea表示多行文本输入框
rows属性设置可以显示几行的高度
cols属性设置每行可以显示几个字符宽度
多行输入框中默认内容是开始标签与结束标签里面的内容

Type=“reset”重置按钮
type=“submit”提交按钮

Id选择器
<style type=”text/css”>#id名{}</style>
<div id=”id名”></div>

class类型选择器
.class属性名{}

组合选择器
选择器1,选择器2{}

JavaScript

使用script标签来写javascript代码

<script type=”text/javascript”></script>

alert是js语言提供的一个警告框函数,可以接收任意类型的参数,这个参数就是警告框的提示信息

为了复用,使用script标签引入单独的js代码文件

Src属性专门用来引入js文件路径(两种路径都可以)

两种js方式不能同时使用,要想同时使用,就多写一个script标签

函数

  1. 可以使用function关键字来定义函数
    有参无参都可以
    function 函数名(形参列表){
      函数体
     }
    定义后,调用才能显示

在js语言中,如何定义有返回值的函数?直接使用return即可

  1. 第二种写法
    var 函数名 = function(形参列表){函数体}
    link标签专门用来引入css代码

在js语言中,所有的变量都可以作为boolean类型的变量去使用
0,null,undefined,“”都认为是false

js语言中的数组,只要通过数组下标赋值,那么最大的下标值,就自动为数组进行扩容 

java中函数允许重载,js中不允许重载,会被覆盖

函数的arguments隐形参数(只在function函数内)
就是在function函数中不需要定义,就能用来获取所有参数的变量

onload浏览器解析完页面自动触发的页面

onclick单击事件 按钮点击响应

onblur失去焦点  检验输入框中内容是否合法

onchange内容发生改变事件 下拉框和输入框发生改变后

onsubmit表单提交 常用于表单提交前,验证所有表单项是否合法

双引号中包单引号

要操作某个对象时,得先得到这个对象(得到的对象时dom对象)
对象.value就是获取输入框中输入的内容

如何验证某个字符串是否符合某个规则,需要用的正则表达式

test方式测试是否满足校验

/e/   是否包含e这个字母

/[...]/  表示是否包含[]里面任意的内容 

/[0-9]/ 查找0-9的内容

/[a-z]/  查找小写字母a-小写字母z的字符

\w 元字符用于查找单词字符,表示是否包含数字,字母,下划线

\W 查找非单词字符

n+ 表示包含至少一个n的字符串
n* 表示包含一个或n个的字符串

^n  表示开头为n的字符串

n$  表示以n结尾的字符串
n(a,b) 是否包含 至少a个连续n,最多b个连续n
/^\w(5,12)$/从头到尾 至少包含5个,最多包含12子字符
从头到为检查/^$/

getElementById 返回对拥有指定id的对象的引用

全选 全不选 反选

getElementByName 是根据指定的name属性查询返回多个标签对象集合,这个集合操作和数组一样
集合中每个元素都是dom对象
经验证,这个集合中的元素顺序是他们在html页面自上而下的顺序

checked表示复选框的选中状态,选中的true,不选中的false
checked属性可读可写

getElementsByTagName 根据标签名记性查询.一般针对没有name和id时,全选全不选同样适用,只是选择的方式不同而已

jquery

$(function(){表示页面加载之后,相当于windows.οnlοad=function(){}
})

$是jquery 的核心函数

猜你喜欢

转载自blog.csdn.net/weixin_58642210/article/details/124366019