前端属性总结

一、

• align 属性规定 div 元素中的内容的水平对齐方式。
• text-align 属性规定元素中的文本的水平对齐方式。
• opacity：透明度
• margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
• padding 简写属性在一个声明中设置所有内边距属性
• text-indent：输入框内容距离左侧的内容

 

return：阻止当前的方法继续，而不是调用它的方法

二、

form表单自动提交规则

1. form表单中只有一个type=text的input（可以有其他类型的表单），在input中按enter键，会自动提交
2. form表单中有多个type=text的input，且无type=submit的按钮元素，则在input中按enter键，不会自动提交
3. form表单中有type=submit的按钮元素，点击按钮元素或者在input中按enter键，会自动提交
4. form表单中有type=button的按钮元素且有多个input元素，点击按钮元素或者在input中按enter键，不会自动提交

 

验证表单为不为空的为题：

1. （非自定义验证）使用required，但是提交的input必须是submit类型
2. （自定义验证）不使用required方法，input提交使用别的类型，需要一个一个验证或者借用Validator. Js
3. Form表单提交前的验证实现方式，onsubmit：表单提交前

自动执行指定的东西。Onsubmit=“return check（）”的return是一定要加上的，也就是οnsubmit=return false为不执行；οnsubmit=return true或者οnsubmit=return为执行。案例如下：

 

**********************************************************************

Input类型为submit时两种表单提交验证方式

一种是表单上有action的，这里表明提交地址，最后调用document.form.submit() 可以是form的id或者name等

另一种是表单上没有action的，在js中进行配置的。如form.action=”/hello”.

1. document.getElementById("form").onsubmit = function() {myFunction()};

function myFunction() {}

1. 可在form上使用的是（表单为onsubmit）或者input类型为submit（按钮为onclick）的提交按钮上。*注：都是先处理调用的函数，再进行表单是否跳转布尔值的判断。必须是带上return

Ⅰ. <form οnsubmit=”return check()”>

function check(){

                     return true;

                                        }

                                        Ⅱ. <input type=”submit” οnclick=”return sub()”/>

**********************************************************************

方法还是jquery的执行顺序：

1. js的表单提交使用onsubmit（）方法优先于jquery事件绑定，会忽略jqury的绑定

三、

jquery与js操作属性的区别

1. 1.  js
      1. div.setAttribute("","");——设置属性、修改属性        
      2. div.removeAttribute("");——移除属性，引号里面写一个属性名
      3. div.getAttribute();——获取属性
   2. jquery
      1. 添加属性：div.attr("test","aa");——给这个attr方法加入参数，属性名叫做  test，属性的值是aa。
      2. 移除属性：div.removeAttr("test");——移除test这条属性。
      3. 获取属性：div.attr("test");——在attr方法里面直接写入一个属性的名就可以了

jquery与js操作样式的区别

1. jquery关键字：style
2. js关键字：css

 

关键点：

JS操作样式的方法只能获取内联样式，不能取内嵌的和外部的。

JQUERY操作样式的方法可以是内联的也可以是内嵌的。

四、执行顺序  执行顺序：A>B>C>D>E

1. 1. $(function(){alert("A");}); 
      1. 1. 推荐使用这种加载页面
   2. $(document).ready(function(){alert("B");});
      1. 1.  
   3. jQuery(function($) { alert("C"); });
      1. 1. 仅仅只需要加载完所有的DOM结构，在浏览器把所有的html放入DOM tree之前就执行js效果。包含在加载外部图片和资源之前
   4. function loads(){alert("D");};   
   5. window.οnlοad=function(){alert("E");};
      1. 1. 这个js函数会在这个页面的document全部加载完成以后执行。不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。