js笔记 replace() 方法,九九乘法表, isNaN() 函数,box-sizing属性,animation-name,animation-delay

tech2025-04-01  2

replace() 方法通过用 newChar 字符替换字符串中出现的所有 oldChar 字符,并返回替换后的新字符串。

语法

public String replace(char oldChar, char newChar)

参数

oldChar – 原字符。

newChar – 新字符。

返回值

替换后生成的新字符串。

shift() 方法

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

九九乘法表

<style> table tr td{ border: 1px solid #000; } table{ width: 100%; border-collapse: collapse; } td{ text-align: center; } </style> <body> <div id="table"></div> <script> var str = '<table>'; for (var i=1;i<10;++i){//列 str +='<tr>' for (var j=1; j<=i; ++j){//行 str +='<td>'+j+"*"+i+"="+(j*i)+'</td>'; } str+='</tr>'; } str +='</table>'; document.getElementById('table').innerHTML=str; </script> </body>

isNaN() 函数

isNaN() 函数用于检查其参数是否是非数字值。

HTML 标签的 readonly 属性

定义和用法

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。

readonly 属性可与 或 配合使用。

CSS3 box-sizing 属性

语法

box-sizing: content-box|border-box|inherit:

content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度(最小/最大属性)适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外

border-box 指定宽度和高度(最小/最大属性)确定元素边框。也就是说,对元素指定宽度和高度包括了 padding 和 border 。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit 指定 box-sizing 属性的值,应该从父元素继承

content-box:指定盒模型为 W3C 标准模型,设置 border、padding 会增加元素 width与 height 的尺寸,即 border 与 padding 相当于是元素的“殖民地”,元素的“土地”、尺寸会增加,为向外延伸。

border-box:指定盒模型为 IE模型(怪异模式),设置 border、padding 不会影响元素 width 与 height 的尺寸,即 border 与 padding 由元素已设空间转变。即空间还是这个空间,只是将部分空余的地方,转变成了其他空间用法而已,为内部转变。

background-size 属性

background-size:cover;

cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。

为 @keyframes 动画指定一个名称:

animation-name:mymove;
-webkit-animation-name:mymove; /* Safari 和 Chrome */

等待两秒,然后开始动画:

animation-delay:2s;
-webkit-animation-delay:2s; /* Safari 和 Chrome */
最新回复(0)