JavaScript基础知识：字符转换、变量与样式控制

"这是一份个人的学习笔记，涵盖了JavaScript、CSS、网页设计和PHP相关的内容。作者是一名学生，笔记中记录了在学习过程中遇到的问题和解决方案，可能内容不全，适合学习交流。" 在这份web笔记中，我们可以看到以下几个重要的知识点： 1. 字符型转换成数值型函数： JavaScript提供了`parseInt()`函数来将字符串转换为整数。参数`radix`用于指定数字的进制，如果不提供，则会尝试根据数字前缀自动识别（例如0开头的表示八进制，0x开头的表示十六进制）。例如，`parseInt("010")`会解析为八进制的10，即十进制的8。 2. `undefined`变量： 当变量声明但未赋值时，其值为`undefined`。这是JavaScript中的一个特殊值，表示变量尚未初始化。 3. 引号的使用： 在JavaScript中，单引号 `' '` 和双引号 `" "` 都可以用来定义字符串。不同类型的引号可以嵌套使用，最多两层，但为了代码的可读性，建议避免过多嵌套。转义字符 `\` 可用于在字符串中插入特殊字符，如`\n`代表换行。 4. CSS属性： - `outline-width`用于设置元素轮廓的宽度，只有当`outline-style`不是`none`时才有效。设置为`none`时，宽度会被重置为0。 - `a:hover`, `a:active`, `a:visited`, `a:link` 是CSS伪类，分别对应链接的不同状态：未悬停、按下、已访问和未访问。它们的顺序应为`link visited hover active`。 - `text-decoration:none;` 可以去除超链接的下划线。 - `label`标签可以扩展表单元素的点击区域，通过`for`属性关联到相应的输入元素。 - 图片的`alt`属性提供加载失败时的替换文本，`title`属性为鼠标悬停时显示的提示文本。 5. HTML和CSS布局： - `display:block;` 可以将元素变为块级元素，允许设置宽高。 - 使用浮动（`float`）可以让元素在同一行显示，但会脱离正常文档流，影响后续元素布局。 - 相对定位（`position:relative`）不影响元素本身位置，但可以通过`left`、`top`等属性相对于自身位置偏移。 - 绝对定位（`position:absolute`）元素完全脱离文档流，其他元素会占据其原本的位置。如果父元素有定位，绝对定位的元素会相对父元素定位。 6. 表达式与函数： `parseInt(numberstring, radix)` 的例子展示了如何使用这个函数进行数字转换，其中`numberstring`是要转换的字符串，`radix`是基数。 7. CSS布局技巧： - 要实现多列并排，可以使用浮动布局，让每个元素都设置`float`属性。 - 使用`display:flex`或`grid`可以更灵活地控制元素布局，而不需要依赖浮动。 这份笔记虽然不全面，但包含了许多基础且实用的IT知识，对于初学者来说是一份不错的参考资料。