js小知识
1、包裹在标签里的算是一个text内容
2、要用一个span把内容包裹起来才好用个input标签替换
3、页面标签越少越好:id、span的问题
(1)、精确定位的时候,不要一个个地方加个id,而是用getElementsByTags(但是数组容易乱顺序,.length知道整个顺序,也可以用父节点、子节点)
(2)、span的问题,可以用一个span把东西包裹起来,这样用replaceChild会比较方便,也可以不用标签包裹,然后用innerHTML;
4、onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。
onkeyup 是在用户放开任何先前按下的键盘键时发生。
onkeydown 是在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。
5、给新增的元素添加事件的方法是直接在事件写,e.onkeypress=function(){ }
6、要加个Element来指定标签
7、string.toFixed(2)
8、HTML编辑工具:UltraEdit、EditPLUS、Notepad++、dw
9、bod标签:倒序显示
del:删除文本
ins:对文本下划线
10、text-align 设置文字对齐
11、内联样式、内部样式表、外部样式表
12、float:left
13、图片链接是把图片放到a标签里面去,
使用map、area来定义图片的位置和链接,map把area包裹起来
14、border="1"来设置表格边框、th为表头
15、 <caption>Monthly savings</caption> caption是为带标题的表格
16、列表是ul、li
17、cellpadding="10",:文字里面离边框四周的距离 cellspadding边框与边框之间的距离
18、自定义列表
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
19、用div或者table来进行布局
20、一个文本字段的默认宽度是20个字符
21、表单多数包裹input标签
22、两个radio设置同一个name才不会同时被选中
23、form name="input" action="html_form_action.php" method="get" action是提交到的地方,method是提交方法
24、selected="selected"下拉列表设置默认值
25、type="button"中的value值来给按钮起名字
26、<fieldset>可以给表单增加边框
27、表单提交出去服务器拿到的是value值
28、<legend>定义了 <fieldset> 元素的标题
29、optgroup 是select中对option进行分组的一个选择项
30、有点像自动补全
input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
31、
<keygen> 标签规定用于表单的密钥对生成器字段。
当提交表单时,私钥存储在本地,公钥发送到服务器。<keygen name="security">,提交后会生成一个密钥
32、Input标签竟然还有一个range类型和一个number类型
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
33、scrolling:滚动
34、颜色表示三种方法:颜色、十六进制、RGB
35、<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
36、javascript事件响应、处理HTML样式、JavaScript可以直接在HTMl输出:
37、 空格
38、CSS样式:
选择器 {属性:值}
id选择器和class选择器,可以指定特定的标签再加上class选择器
39、不要在属性值与单位之间留有空格
40、多重样式层叠:
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于 <head> 标签内部)
- 内联样式(在 HTML 元素内部)
41、可以通过截图,把图片保存下来,然后取色
42、border-radius:设置圆角
43、border-radius:4px;是为div添加圆角,同样适用于input输入框。添加完圆角后input输入框中可能会有阴影,为input输入框重新添加border就可以去除阴影。
44、

浙公网安备 33010602011771号