前端Js01

#Js

DOM

根据document对象查询

getElementById();
getElementsByTagName();
getElementsByClassName();
getElementsByName();
querySelector();
querySelector();

遗留dom

document.body
document.formName.name

DOM对象通用属性

innerHTML;//获取、设置元素内的html内容
innerText;//获取、设置元素内的文本内容
nodeName;nodeValue;nodeType
nodeType：1->元素； 3->文本

元素类型节点的增删改查

增：document.createElement()、document.createTextNode()、父节点.appendChild()、父节点.insertBefore()
删：父节点.removeChild();
改：父节点.replaceChild();
查：document.getEle….By… document.querySelector()

属性类型节点的增删改查

增：元素.setAttribute(属性名, 值); 元素.属性名 = 值;
删：元素.removeAttribute(属性名);
改：元素.setAttribute(属性名, 值); 元素.属性名 = 值;
查：元素.attributes; 元素.getAttribute(属性名); 元素.属性名;

文本类型节点的增删改查

增/查：document.createTextNode();
删/改：innerText,innerHTML

事件

1.直接在标签中添加
2.用DOM方式，获取节点后，绑定事件
DOM对象.事件 = 处理函数；
3.为一个元素绑定多个元素，可以用事件监听方式
火狐：元素节点.removeEventListener(事件名, 处理函数); IE：元素节点.dettachEvent(事件名 处理函数)

4.事件对象
IE：window.event
非IE：通过函数形参来获取事件对象

#TP框架

参数绑定

在地址栏中写入name\zhangsan 的方式，表示给当前模块当前控制器的默认方法传入一个下标为name的参数张三

url大小写的注意

tp5会自动全部转化成小写，除了控制器名会首字母转成大写外。如果想用驼峰式命名的话，则将大写改为小写，并在前面加上"_"。

定义路由规则、复杂路由

浏览器解析地址不能太长，可以将路由地址简化，可以只写控制器名和加上参数即可，在route.php文件中可以设置自己真正输入的路径。

url分隔符

在config.php文件中可以自由配置

生成url地址

在访问index模块index控制器url方法时，该方法提供了很多返回uyrl的方法，自己选择即可

路径访问原理

在route.php和config.php两个文件中，可以自由配置自己想要的路由分隔符，例如可以在config.php文件中，可以修改pathinfo_depr分隔符来改变地址栏的传参方式。
在config.php文件中也写好了可以为地址栏最后加上.html，并不影响对地址栏的解析