HTML知识点总结

来源：互联网发布：数据专家cnzz干什么的编辑：程序博客网时间：2024/06/09 01:18

绝对定位：

1.设置绝对定位的外层没有设置定位
那么内层设置了定位以后定位就是依据浏览器定位，因为脱离了文档流
2.设置绝对定位的外层设置了定位
那么就是相对于外层进行定位

表单

<form action="此处写地址" method="get(信息跟在url后)/post(不显示出来，更安全)">    <input type="text/password/hidden/checkbox/file/radio/submit    (value="button里显示的值")"></form>

如何设置点击

将文字用a标签包裹
写进form里，设置Input的type为button

在表单内如果想传递值的话，就需要设置name，通过name=来传递
使用radio实现单选的话，可以把name设置为同一个

post和get区别

get请求，参数值通过url进行传递，在url后参数值用?分隔
url?参数1=参数值&参数2=参数值
post请求，通过数据包进行传递，安全性上比get高
向后端请求数据用get，传递数据用post

脚本

书写位置：<head><body>里都可以，但是在使用脚本之前，一定要引入javascript，格式如下

<script src="E:/html-workspace/jquery/jquery-3.2.1.min.js"></script>

脚本是一开始加载页面就开始运行
示例：

 <script>    $(function(){        alert("111");//弹窗        console.log("111");//控制台显示    });  </script>

JavaScript和Java基本没关系，只是名字上看的像，JavaScript是弱类型语言，同意用var定义
typeof关键字可以查看数据类型
function可以作为参数进行传递

var functionname=function(){    alert("111");}

Window.onload=function(){}//入口函数1，页面加载完毕以后开始运行$(function(){});//入口函数2

<                             ==&lt;>                             ==&gt;是为了防止HTML注入，会把别人写的这个东西自动替换成这个

JavaScript中类的概念

var Person=function(id,name,age){    this.id=id;    ...    ...    this.a=function(){}    //函数可以直接赋值}

定义好的时间类

var date=new Date(传的参数月份要减1);

通过dom取元素
function s(id){
var s=document.getElementById(id);
return s
}

杂项知识(img,a,列表，jsp几个方法等)

img标签

alt 图片无法加载的时候显示的文字
src 图片路径
width 图片的宽度
height 图片的高度
title 鼠标放上去以后显示的文字
如果不设置宽度和高度，那么浏览器在打开的时候会计算这两个，会浪费加载时间，所以设置上

去除列表前的标识
list-style:none;
如何设置a标签点击后没效果
将href=”javascript:void(0)”;
去除a的下划线
text-decoration:none;
a标签是行内元素
如果不想让子类的子类继承那么，就使用父类>子类
设置文字上下居中，line-height=行高
siblings是同级的意思
toggle显示就隐藏，隐藏就显示
parents找到最顶的那一层

阅读全文

0 0