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、&nbsp;空格

38、CSS样式:

      选择器   {属性:值}

      id选择器和class选择器,可以指定特定的标签再加上class选择器

39、不要在属性值与单位之间留有空格

40、多重样式层叠:

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

 41、可以通过截图,把图片保存下来,然后取色

 42、border-radius:设置圆角

43、border-radius:4px;是为div添加圆角,同样适用于input输入框。添加完圆角后input输入框中可能会有阴影,为input输入框重新添加border就可以去除阴影。

44、

posted @ 2017-03-18 14:27  孜然风味  阅读(201)  评论(0)    收藏  举报