前端属性总结

朴灿烈づ我的快乐病毒、 2023-05-30 09:26 14阅读 0赞

一、

*  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全部加载完成，而且要求所有的外部图片和资源全部加载完成。