- 博客(31)
- 收藏
- 关注
RSS订阅原创 31.DOM基本认识及js如何控制DOM
假设有一个div 标签，命名mydiv 然后这个div 是个长100px,宽100px的元素。甚至我们还可以用延时定时器使其过几秒在发生改变。例如window.onload= (){这个时候我们就已经选中这个div 标签了。然后如何对这个标签原有的元素用js更改呢。样式window.onload = function(){里面放要执行的内容};其实就是HTML标签，说的简单点就是js可以控制html标签。然后window.onload= function (){这个时候浏览器里的元素就会在两秒后发生改变。
2023-05-31 21:31:43
116
原创 30.Boolean与undefined以及null类型详解
但是有一点需要注意，就是函数当中有个return值，这个值代表最后的输出结果。即使是个未定义的数据，当有return返回值的时候，最后的结果就是return。因为在js的世界里true和1是代表真的，没问题的，而false和0代表假的，错误的。所以某种意义上来说，js认为true🟰1而false🟰0。所以在算式中就可以理解为Console.log（1+1）和Console.log（0+0），即结果一个2，一个0。Console.log（false+false）此时浏览器显示结果为0。3.null 空对象。
2023-05-07 22:16:44
191
原创 28.window的定时器
此时，延时定时器将会在1秒钟以后执行，弹窗出来个1。需要注意的是关闭延时定时器的代码时间需要在执行延时定时器之后才行，不然会被提前关闭，导致延时定时器为运行。Window有两种定时器，一种叫轮循定时器，即定时器不会停止，一直循环运行。1.延时定时器 window.settimeout 一般window会省略。在Js的世界中，1000为1000毫秒，也就是一秒。同样的，首先的得给予被关闭的延时定时器一个变量var。首先，关闭定时器得先给被关闭的定时器一个变量var。此时轮循定时器会执行三次后被关闭不在执行。
2023-04-26 19:56:08
609
原创 27.window对象的基本理解及检测浏览器属性
就是浏览器离屏幕左边及上面的距离。当然还有right右边，bottom下边。1.window是全局的(最大的最外面的),谁都可以使用。2.window可以检测出浏览器的属性。除此之外还有浏览器离屏幕的距离。就是浏览器的可视宽度及高度。例如:<script>例如:<script>
2023-04-25 21:14:26
69
原创 26.预解析与变量提升
变量提升会把变量提升到最上面，但是变量赋的值不会提升，且只有作用域才能触发变量提升。作用域除了fuction 外，script本身也是个作用域。2.第二次就是正常解析。会检查代码的运行是否正常。一句话一句话的检查。在预解析当中，他会检查代码的语法是否正常，不正常则会进行报错。1.Js会进行两次解析，第一次解析就是预解析。除了报错之外，还会牵扯到一个词叫做变量提升。此时，a的值受底下变量提升到最上面成为了。只不过最上方的var a;例如:
2023-04-24 20:33:14
39
原创 25.作用域与function
名字的读取次数有多少次，浏览器界面就会执行多少次。function 外面的变量都是公用的，会被读取执行。这个时候就会被执行三次，在浏览器中就会弹窗三次1。书写样式为function 起的名字(){};简单理解为输入名字，把名字里的内容执行一遍。函数Function就是一个最基本的作用域。这个时候浏览器窗户就会弹出1。里面的都是私人的，不会被执行。在大括号里写内容，例如。
2023-04-16 16:37:06
33
原创 24.Js的报错类型
运行错误，之前的都执行，从报错的那一句开始以及以后的都不执行。书写以后在浏览器中右击检查，即可显示写错的报错类型。这个时候浏览器就会先弹窗出来1，再弹窗出来2。语法错误，完全不执行，写的所有东西都不执行。书写样式也可以用符号，多写几个变量。例如
2023-04-16 15:57:13
35
原创 23.Js中的数据类型简介
首先，Js的变量拥有唯一性，如果有相同的变量，那么之前的变量赋值的内容就会覆盖掉。Es给定义了5种简单的数据类型和1种复杂数据类型。这个时候浏览器就会显示null，代表是个空对象。这个时候浏览器弹窗就会显示undefined。这个时候浏览器就会显示ture/false。Js的核心叫做ECMA Script。这个时候浏览器就会显示number。这个时候浏览器就会显示我今天很开心。这个时候浏览器就会显示1。5.String 字符串。例如<script>例如<script>例如<script>
2023-04-16 15:40:53
36
原创 22.初识javaScript
例如 var 某某=1，这个时候var 的变量等于等于1。弹窗 alert (某某)这个时候浏览器就会弹窗出来个1。这个时候变量张三等于1，浏览器弹窗也会弹出1。Js里面有个非常重要的东西叫变量。Var 变量 后面可赋予值。
2023-04-16 15:20:48
27
原创 21.初识元素的display
display:block 让行内元素变成块状元素 给予float也可以使元素变成块状元素，原理上是使其变成标准流。display:inline-block: 行内块元素 即让元素既有行内元素的特性又有块状元素的特性。display:none让原来的元素消失 原位置不会保留。display:inline 让元素变成行内元素。display 控制元素的显示。
2023-03-26 14:32:44
30
原创 20.初识窗口定位，继承定位及默认定位
窗口定位，其设置的样式是根据窗口的距离进行定位。其书写样式为:{position:fixed;继承定位，父级什么定位，就会继承什么定位。默认定位 即没有定位。即为距离窗口左边300像素，上方300像素的一个位置。
2023-03-19 14:39:07
89
原创 19.初识相对定位与绝对定位
left 20px即刚才相对自己现在的位置左移20像素，后跟属性时，left和right只能选择其中一个 top和bottom也只选择其中之一。相对定位不会影响原来的元素，原来的位置会保留，且支持z轴给予顺序，书写样式为z-index:1/2/3/4可无限给数值，支持负数。绝对定位是根据有定位的父级元素进行定位，如果父级元素没有定位，就会在找到最外层的元素直到html标签。1.相对定位 position :relative 即根据自己位置进行定位。但是绝对定位，脱离标准流 原来的位置不会留着，
2023-03-19 14:24:43
60
原创 18.初识文字line-height；font-style 及font-variant；
今天天气<span class="my span>不错</span>,我很开心
2023-03-19 13:43:46
68
原创 17.初识文字font-weight及font-family 样式
font-family:"Heiti SC" (黑体样式)等。font-family:"SimSun" (宋体样式)选择字体前要保证开发者电脑中有该字体，否则不会显示。font-wieght:lighter 更细。font-weight:bolder 更粗。font-weight：bold 粗体。
2023-03-15 20:57:55
471
原创 16.初识文字font-size 样式
除了默认的属性medium外还有其他的属性，例如:lager x-lager xx-lager small x-small等。默认属性为font-size:medium。可以后跟大小单位控制文字大小。相比较而言，后跟像素大小单位文字大小会更精准。例如书写样式为:font-size:20px。font-size可以控制文字大小。
2023-03-14 21:00:26
222
原创 15.背景样式
书写样式例如:background:url(0.jpg) yellow repeat-x center;书写样式例如:background-position:10px 30px;书写样式例如:background-repeat:no-repeat;书写样式例如:background-image:url(1.jpg);书写样式例如:background-color:red;
2023-03-14 20:48:57
49
原创 14.元素深入及border属性
后跟三个属性:大小单位 例如10px ,solid 实线/dashed虚线 , red颜色。意为上方边框30像素，而右边颜色为红色，下方是虚线的一个边框。书写样式为border-width/height:30px。其缩写样式为:border:30px solid red;1.块状元素可以随意嵌套，但行内元素只能嵌套行内元素。例如:border-top-width:30px;除了以上书写方式还可以书写的更为精准。同样也是书写外宽高等的样式后面。2.bidder意为边框。
2023-03-13 21:31:35
76
原创 13.块状元素与行内元素及属性拓展
其特点不支持宽高等，但支持内外边距。不独占一行，宽高会随着内容变化而变化。其特点是支持宽高 内外边距等，其宽度默认百分百即网页中的一整行。2.行内元素，例如最基本的span标签 a标签input标签等。1.块状元素，例如最基本的div标签 p标签等。所有的html元素一共可分三类。
2023-03-13 21:16:23
44
原创 12.初识内 外边距和float浮动样式
意为上下 左右 两个值，同时代表着上下的外边距数值相同，左右的外边距数值相同。意为上下 左右 两个值，同时代表着上下的外边距数值相同，左右的外边距数值相同。其书写样式为:float:left；意为上 左右 下 三个值，同时代表左右两个外边距数值一样。意为上 左右 下 三个值，同时代表左右两个外边距数值一样。2.外边距:margin。让元素横着排序:在宽高等样式后跟float。意为上下左右一个值，且外边距数值全部一样的。意为上下左右一个值，且外边距数值全部一样的。意为上下左右的四个值。意为上下左右的四个值。
2023-03-13 21:03:31
84
原创 10.css的基本选择器
</div>其书写样式为：#所命名的id｛样式宽高之类的｝<div class='命名'></div>其书写样式为：div{样式宽高之类的}三种选择器的优先级为id>class>标签。3.类选择器 class代表某一种类。<div>巴拉巴拉
2023-03-12 14:08:34
18
原创 9.CSS的引入方式
其优先级为行内式>内嵌式>外链式 有点像就近原则。三种引入方式的区别在于执行层级不同，优先级不同。1.内嵌式，即把css内嵌入html里，href=''外链的文件名称''>3.行内式，即直接在div行内书写样式。2.外链式:即外链其他文件的方式。CSS 的引入方式有三种。代码永远是以上而下执行。同样不需要闭合标签。
2023-03-12 13:34:17
74
原创 8.初识CSS
样式单词:width 宽度 height 高度 background-color 背景颜色。px是像素一个大小单位。例如:有个div标签，通过style去控制该标签的样式。新标签 样式标签:<style></style>即赋予这个div是一个红色的宽高200像素方块。选择器:通过选择器控制元素。
2023-03-12 13:16:33
20
原创 7.初识button标签
input type=''button'' value =''按钮上的文字''>Button 为按钮标签 button按钮的尺寸会随着内容变换大小高低。其书写样式为<button>文本</bottom>
2023-03-12 13:04:01
239
原创 6.初识input 标签
选项2:<input type=''checkbox''></div><div>密码:<input type=''password''></div><div>用户名:<input type=''color''></div><div>用户名:<input type=''text''></div><div>选项1:<input type=''radio''>
2023-03-12 12:57:42
33
原创 初识ul和ol标签
吧啦吧啦</li><li>嘟噜嘟噜</li><li>比古比古</li><li>吧啦吧啦</li><li>嘟噜嘟噜</li><li>比古比古
2023-03-12 12:32:39
316
原创 3.初识a标签
打开百度</a>如果在网址后面加上 target=''_blank''则原页面保留，新增一个界面，不加则是原页面进行跳转。在网页中除了输入文字点击来跳转页面之外，也可以点击图片进行跳转。即在<a></a>标签中放入img标签。<a href=''http://www.baidu.com''>打开百度
2023-03-12 11:41:18
70
原创 2.初识img标签
形式为<img src='地址'>就是图片的命名，例如0.jpg。img是在放在网页的图片。src为属性词 地址属性。img标签不需要闭合。
2023-03-12 11:19:52
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人