js笔记01

来源：互联网发布：js数组冒泡排序编辑：程序博客网时间：2024/06/11 02:34

1.1 鼠标样式

Cursor: pointer 鼠标变成小手

Cursor: default; 小白

Cursor : move; 移动

Cursor : text ; 文本输入

网页布局：

给一个盒子：宽度高度背景边框位置

1.2 Border-radius

圆角矩形

border-radius:7px7px7px0;

Border-radius: 左上右上右下左下；顺时针

1.3 标签嵌套

1. 块级元素 --- 任何元素可以的。

2. 行内元素 -- 行内元素只嵌套元素 b u span i - s

3. P 不能放 div。

4. a 无所不能。 a里面不能放a input 等

1.4 Z-index 层级 div层

只有定位的盒子（除了static）才有z-index

如果都是定位绝对定位他们默认的z-index 是 0

最后的一个靠上

<!DOCTYPEhtml>
<html>
<headlang="en">
    <metacharset="UTF-8">
    <title></title>
    <style>
       /* .test {
            width: 150px;
            height: 300px;
            border: 1px solid #ccc;
            margin-top: 100px;
            float: left;
            margin-left: -1px;
        }
        .test:hover {
            border: 1px solid #f40;
            position: relative;
        } */
        .test{
            width:150px;
            height:300px;
            border:1px solid#ccc;
            margin-top:100px;
            float:left;
            margin-left: -1px;
            position:relative;
        }
        .test:hover{
            border:1px solid#f40;
            z-index:1;

        }
    </style>
</head>
<body>
<divclass="test"></div>
<divclass="test"></div>
<divclass="test"></div>
<divclass="test"></div>
<divclass="test"></div>
</body>
</html>

1.5 背景半透明

CSS3

Background: rgba(0,0,0,0.5);

Opacity: 0.5; 让盒子半透明里面的内容也半透明

1.5.1 事件

怎么触发的这个事情按

一般情况下这个是动词点击鼠标经过按键盘

事件名

说明

onclick

鼠标单击

ondblclick

鼠标双击

onkeyup

按下并释放键盘上的一个键时触发

onchange

文本内容或下拉菜单中的选项发生改变

onfocus

获得焦点，表示文本框等获得鼠标光标。

onblur

失去焦点，表示文本框等失去鼠标光标。

onmouseover

鼠标悬停，即鼠标停留在图片等的上方

onmouseout

鼠标移出，即离开图片等所在的区域

onload

网页文档加载事件

onunload

关闭网页时

onsubmit

表单提交事件

onreset

重置表单时

1.6 Js 的书写位置

Js 的书写位置非常的自由。

也可以参照 css 的位置来分类。

1.6.1 行内式

<buttononclick="alert('你好吗')">点击我</button>

一般情况，单双引号是一样的但是出现了包裹的情况。

我们一般采取的是外双内单的格式。

1.6.2 内嵌式

1.6.3 外链式

这对标记之间不能写任何的东西。

1.7 数据类型

Js 的数据类型分为：

字符型数值型布尔型 null undefined

Js 是一个是一种弱数据类型。

Var Aa = 10;

Var aa:int = 10;

Js 的变量你给什么值，他就是什么数据类型。

1.7.1 字符型 (string)

String

转换为字符型:

1. 利用 “” (双引号)

加了引号的都是字符型。

2. 利用String(); 转换为字符型

1.7.2 布尔型 (boolean)

就两个值正确的和错误的 true 和 false

数据类型转换为布尔型：

1. 利用 !!

console.log(typeof!!num);

2. 利用 Boolean()

false、undefined、null、0、”” 为false

true、1、”somestring”、[Object] 为 true

1.7.3 数值型

Var num = 10

数值的前面带 0 表示八进制

Var num = 020;

0*8⁰+2*8¹ = 16

数值的前面带 0x 表示十六进制

var result = 0xb; 11

转换为数值型:

1. 利用 - * /都可以转换

2 利用Number( )

1.7.4 ParseInt() parseFloat()

parseInt(值,进制);

NOT a number

MMD

BBD

parseInt(110,2)

表示2进制吧10这个2进制转换为10进制

0*2⁰+1*2¹ + 1*2² = 6

1.var a="15.15abc" , b='10.15' , c='10.0abc';

alert(parseInt(a)+Number(b)+parseFloat(c));

1.7.5 Null undefined

Null 空的没有值。

Undefined 未定义的应该有值，但是没有给。

Null “”

0 0