2021-03-14——3.20

JS BOM

BOM:能够使JS与浏览器交互

window对象
window对象:表示浏览器窗口,所有全局对象,函数和变量都是window对象的成员。全局变量是window对象的属性,全局函数是window对象的方法。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
其他window的方法:
window.open() 打开新窗口
window.close() 关闭当前窗口
window.moveTo() 移动当前传播窗口
window.resizeTo() 调整当前窗口尺寸

window Screen

window screen 可用宽度 screen.availWidth
window screen 可用高度 screen.availHeight

Window location

window location 的一些例子:
location.hostname fanhuiweb主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回web主机的端口
location.protocol 返回所使用的web协议

window location herf

location.href属性返回当前页面的URL
document.write(location.href)

window locaton pathname

location.pathname 属性返回URL的路径名

window location assign

location.assign()方法加载新的文档

widnow History

history.back()方法加载历史列表中的前一个URL。这与在浏览器中点击后退按钮是相同的:

window navigator

window.navigator对象在编写时可不使用window这个前缀,window.navigator对象包含有关访问者浏览器信息,navigator具有误导性

JS弹窗

在JS中有三种消息框:警告框、确认框、提示框。

警告框

警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续操作
语法:window.alert("");可以不用带上window对象直接使用alert()方法

确认框

确认框通常用于验证是否接受用户操作。当确认卡弹出时,用户可以点击确认或者取消来确定用户操作。
当点击确认框返回true,取消返回false。

语法:window.confirm(),可以不带上window对象,直接使用confirm()方法

提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null
语法:window.prompt()方法可以不带上window对象,直接使用prompt()方法

JS计时事件

通过使用JS,我们可以做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。有两个关键方法:
setInterval() ——间隔指定的毫秒数不停地执行指定的代码
setTimeout()——在指定的毫秒数后执行指定代码

JS Cookie

Cookie是一些数据,存储于电脑上的文本文件中。当未b服务器向浏览器发送web页面时,在连接关闭后服务器不会记录用户的信息。
Cookie的作用就是用于解决如何记录客户端的用户信息
当用户访问web页面时,他的名字可以记录在cookie中
在用户下一次访问该页面时,可以在cookie中读取用户访问记录
Cookie以名/值对形式存储,如下所示:
username = Qiangben
当浏览器从服务器上请求web页面时,属于该页面的cookie会被添加到请求中。服务端通过这种方式来获取用户的信息。

使用JS创建cookie

JS可以使用document.cookie属性来创建、读取、及删除cookie
使用 JavaScript 创建Cookie document.cookie=“username=John Doe”;
还可以为 cookie 添加一个过期时间(以 UTC 或 GMT 时间)。默认情况下,cookie 在浏览器关闭时删除:document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT”;
可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下,cookie 属于当前页面。
document.cookie=“username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/”;

使用 JavaScript 读取 Cookie

var x = document.cookie;
document.cookie 将以字符串的方式返回所有的 cookie,类型格式: cookie1=value; cookie2=value; cookie3=value;

使用 JavaScript 修改 Cookie

在 JavaScript 中,修改 cookie 类似于创建 cookie,
document.cookie=“username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/”;
旧的 cookie 将被覆盖。

使用 JavaScript 删除 Cookie

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可,如下所示,设置为 Thu, 01 Jan 1970 00:00:00 GMT:
document.cookie = “username=; expires=Thu, 01 Jan 1970 00:00:00 GMT”;
注意,当您删除时不必指定 cookie 的值。

cookie字符串

document.cookie 属性看起来像一个普通的文本字符串,其实它不是。

即使在 document.cookie 中写入一个完整的 cookie 字符串, 当重新读取该 cookie 信息时,cookie 信息是以名/值对的形式展示的。
如果设置了新的 cookie,旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中,所以如果重新读取document.cookie,将获得如下所示的数据:
cookie1=value; cookie2=value;
如果需要查找一个指定 cookie 值,必须创建一个JavaScript 函数在 cookie 字符串中查找 cookie 值

安装Mysql时候connector需要更新但是更新/删除不了阻止了Mysql的安装。
一直显示要将connector NET 8.0.21升级到8.0.23.点击升级后到50%后会回滚然后失败。在软件管家里找到了connector NET 8.0.21删除后,安装界面还是显示老版本为8.0.21,继续升级还是会failed。查找百度找到了其注册表删了之后还是无法继续升级。再次在注册表查询Connector 8.0.21发现竟然又被注册了。
最后解决:删除软件和注册表后重启电脑,再次在注册表中查找Connector NET,这次找到了多个注册信息,全部删除后,重新启动Mysql安装向导,发现这次不需要升级所有东西都开始重新安装了。
在这里插入图片描述
安装完成后,检验mysql是否安装成功。在命令行打出mysql -uroot -p后一直提示访问被拒绝,百度了好多好多办法,包括修改etc下的config文件,创建新的tex文件里边又重设密码的命令,还有修改端口都试过了,但还是无法连接,访问被拒绝
在这里插入图片描述
最后解决:将电脑中的多有mysql相关删除卸载,重新安装,这次只安装了workbench和server,并且在安装的时候出现了设置密码的界面。最后利用自己设置的密码成功连接上mysql
在这里插入图片描述
原因分析,不清楚为什么上次安装直接跳过了设置密码环节,使得连接数据库的时候密码输入与不输入都无法连接上。

问题:导入mysql依赖,找不到jar包
在这里插入图片描述

Springboot学习笔记

CSS学习笔记

文本颜色

颜色属性被用来设置文字的颜色。
颜色是通过CSS最经常的指定:
十六进制值 - 如: #FF0000
一个RGB值 - 如: RGB(255,0,0)
颜色的名称 - 如: red

文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式。
文本可居中或对齐到左或右,两端对齐.
当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。
h1 {text-align:center;}//居中对齐
p.date {text-align:right;}//右对齐
p.main {text-align:justify;}//左右边距对齐

文本修饰

text-decoration 属性用来设置或删除文本的装饰。
从设计的角度看 text-decoration属性主要是用来删除链接的下划线

链接到: google.com

a {text-decoration:none;}//将google链接的下划线去掉了

文本转换

p.uppercase {text-transform:uppercase;}//全部转为大写
p.lowercase {text-transform:lowercase;}//全部转为小写
p.capitalize {text-transform:capitalize;}//所有单词首字母大写

文本缩进

p {text-indent:50px;}//p元素的首行缩进

字体

字体系列

font-family 属性设置文本的字体系列。
font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。
注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:“宋体”。
多个字体系列是用一个逗号分隔指明:p{font-family:“Times New Roman”, Times, serif;}

字体样式

主要是用于指定斜体文字的字体样式属性。
这个属性有三个值:
正常 - 正常显示文本
斜体 - 以斜体字显示的文字
倾斜的文字 - 文字向一边倾斜(和斜体非常类似,但不太支持)

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

字体大小

font-size 属性设置文本的大小。
能否管理文字的大小,在网页设计中是非常重要的。但是,你不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落。
请务必使用正确的HTML标签,就

-

表示标题和

表示段落:
字体大小的值可以是绝对或相对的大小。
绝对大小:
设置一个指定大小的文本
不允许用户在所有浏览器中改变文本大小
确定了输出的物理尺寸时绝对大小很有用
相对大小:
相对于周围的元素来设置大小
允许用户在浏览器中改变文字大小
Remark 如果你不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(16px=1em)。

h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}

用em来设置字体大小

为了避免Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替像素。
em的尺寸单位由W3C建议。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
因此,1em的默认大小是16px。可以通过下面这个公式将像素转换为em:px/16=em,em的文字大小是与前面的例子中像素一样。不过,如果使用 em 单位,则可以在所有浏览器中调整文本大小。

使用百分比和EM组合

在所有浏览器的解决方案中,设置 元素的默认字体大小的是百分比:

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}

CSS链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值