Java学习知识点小结10(前端)

最新推荐文章于 2022-09-01 21:18:07 发布

我是养乐多

最新推荐文章于 2022-09-01 21:18:07 发布

阅读量189

点赞数

分类专栏： Java知识点 JavaWeb 前端学习知识点文章标签： javascript css html

本文链接：https://blog.csdn.net/Hsiao99/article/details/105774324

版权

Java知识点同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

JavaWeb

11 篇文章 0 订阅

订阅专栏

前端学习知识点

3 篇文章 0 订阅

订阅专栏

1.html表单的提交：

<form action="" method=""> </form>

action属性设置提交的服务器地址
method属性设置提交方式GET（默认）或POST

2.表单提交数据没有发送给服务器的三种情况：
1.表单项没有name属性
2.单选，复选都需要添加value属性，以便发送给服务器
3.表单项不在提交的form标签中

3.GET请求的特点：
1.浏览器地址栏中的地址是：action属性[+?+请求参数]
2. 请求参数的格式：name=value&name=value
3.不安全
4.若表单值包含ASCII或超过100个字符，必须使用 method=“post”

4.POST请求的特点：
1…浏览器地址栏中只有action属性，即服务器地址
2.相对于GET请求更安全（因为地址栏没有请求参数）
3.理论上没有数据长度的限制

5.CSS语法规则：
p{属性:值;}
p为选择器，一般一行只写一个属性

6.CSS和HTML结合的方式
第一种：在每一个标签后加入style属性，但是会造成可读性差，代码复用性差。例：

<div style="border: aqua solid 2px">第一个css</div>

第二种：在head标签中，使用style标签，按照css语法规则定义各种css样式，缺点不能在多个页面复用。例如：

<style type="text/css">
        div{
            border: 1px solid cyan;
        }</style>

第三种：现在外部定义好css文件，在html的head标签里引入：

<link rel="stylesheet" type="text/css" href="css01.css">

7.css选择器：
标签名选择器：
标签名{
属性：值；
}

id选择器：（通过标签的id属性，指定具体的标签样式，id必须是字母开头）
#id值{
属性：值；
}

类型选择器：（通过class属性选择样式）
.class属性值{
属性：值；
}

组合选择器：(可以让多个选择器共用一个代码)
选择器1，选择器2，选择器n{
属性：值；
}

JavaScript
交互性，安全性（不允许直接访问磁盘），跨平台性

8.js与html结合方式
第一种：在head标签或body标签，使用script标签书写js代码
第二种：使用script标签的src属性引入JavaScript文件

9.javaScript变量类型：
数值类型number，字符串string，对象object，布尔boolean，函数function

10.js特殊值
undefined：未定义，使用js未赋于初始值，默认值都是这个
null：空
NAN：非数值

11.js所有变量都可以是boolean值：当变量为未定义，空，NAN以及数字0时，均为false

12.
js&&且运算
当表达式全为真，返回第一个表达式的值
当表达式有一个为假的时候，返回第一个为假的表达式的值

js|| 或运算
当表达式全为假时候，返回最后一个表达式的值
当表达式有一个为真，返回第一个为真的表达式

13.js的数组
通过数组下标赋值，数组会自动扩容

14.js函数
function 函数名(形参列表){
函数体}
若需要函数返回值：在函数体内直接加return
js函数不允许重载

15.js对象定义：
Object定义： var对象名=new Object()；
花括号定于：var 对象名{属性名:值，属性名:值 }

16.js的几种事件名
onload 加载完成事件
onclick 单击事件
onblur 失去焦点事件
onchange 内容发生改变事件
onsubmit 表单提交事件

事件注册：（告诉浏览器，当事件响应后要执行哪些操作代码）
js动态注册步骤：（js代码）

window.οnlοad=function(){//在页面加载完成时候调用,加了这句<script>可以放在<head>内，一般都放在<body>内
标签对象=document.getElementById()；
标签对象.事件名=fuction(){"具体响应函数"}   
  }

17.DOM模型
Doucument对象是一种数结构文档，将标签对象化

18.查找HTML元素三个方法：
通过 id 查找HTML元素:document.getElementById() //返回的是唯一标签元素，因为id唯一
通过标签的name属性查找HTML元素:document.getElementsByName(elementName) //通过name属性值查找，返回的是数组，因为可以重名
通过标签名查找HTML元素:document.getElementsByTagName(tagName) //通过标签名查找，返回的是数组

19.正则表达式
var reg = new RegExp(/^(?=.[a-z])(?=.[A-Z])(?=.*[0-9])[A-Za-z0-9]{4,10}$/i); //最后的i代表忽略大小写
reg.test(文本) //若文本满足仅由大小写字母和数字组成则返回true

20.jQuery
(1)首先引入jQuery库
(2) 使用jQuery为按钮添加响应函数：
标签对象.click(function(){})

21.jQuery核心函数 $
$(参数)：调用该函数
1.传入参数为(函数)时，页面加载完成后自动调用该函数
2.传入参数为(HTML字符串)时，会创建html标签对象
3.传入参数为(选择器字符串)时，
$("#id值"):id选择器，根据id查询标签对象
$(“标签名”):标签名选择器
$(".class属性"):类型选择器，通过标签class属性
4.传入参数为(DOM对象)时，将DOM对象转换为jQuery对象

22.jQuery实际上是DOM对象的数组，通过对jQuery对象下标可以取出DOM对象

23.jQuery对象的css()方法设置或返回被选元素的一个或多个样式属性。
24.jQuery还提供了许多选择器，自行查阅API

25.jQuery对象的.val()方法可以对表单项进行赋值
或者将jQuery对象通过下标得到DOM对象用value()得到标签里的值

26.jQuery对象常用函数进行标签筛选
eq()：通过索引获得标签元素例如:$(“标签名”).eq(0);
first()：获得第一个元素
last()：获得最后一个元素

27.jQuery属性操作
html():设置和获起始标签和结束标签的内容，跟dom属性innerHTML一样
text():设置和获起始标签和结束标签的文本呢，和dom属性innerText一样
val():设置和获取单项的val属性值，和dom属性value一样
attr(“属性名”,值):设置属性的值
attr(“属性名”):获取属性值，不推荐操作checked,selected等等，可以使用prop()替代

我是养乐多

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java学习知识点小结10(前端)

1.html表单的提交：<form action="" method=""> </form>action属性设置提交的服务器地址method属性设置提交方式GET（默认）或POST2.表单提交数据没有发送给服务器的三种情况：1.表单项没有name属性2.单选，复选都需要添加value属性，以便发送给服务器3.表单项不在提交的form标签中3.GET请求的特点...
复制链接

扫一扫

专栏目录