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;}