前端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,并不影响对地址栏的解析

已标记关键词 清除标记
相关推荐
<div class="lemma-summary"> <div class="para">JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级<a href="https://baike.baidu.com/item/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/9845131" target="_blank" rel="noopener" data-lemmaid="9845131">编程语言</a>。虽然它是作为开发<a href="https://baike.baidu.com/item/Web/150564" target="_blank" rel="noopener" data-lemmaid="150564">Web</a>页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如<a href="https://baike.baidu.com/item/%E5%87%BD%E6%95%B0/301912" target="_blank" rel="noopener" data-lemmaid="301912">函数</a>式编程)风格。<sup class="sup--normal" data-sup="1" data-ctrmap=":1,"> [1]</sup><a class="sup-anchor" name="ref_[1]_16168"></a> </div> <div class="para">JavaScript在1995年由<a href="https://baike.baidu.com/item/Netscape/2778944" target="_blank" rel="noopener" data-lemmaid="2778944">Netscape</a>公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与<a href="https://baike.baidu.com/item/Sun/69463" target="_blank" rel="noopener" data-lemmaid="69463">Sun</a>合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与<a href="https://baike.baidu.com/item/Self/4959923" target="_blank" rel="noopener" data-lemmaid="4959923">Self</a>及<a href="https://baike.baidu.com/item/Scheme/8379129" target="_blank" rel="noopener" data-lemmaid="8379129">Scheme</a>较为接近。<sup class="sup--normal" data-sup="2" data-ctrmap=":2,"> [2]</sup><a class="sup-anchor" name="ref_[2]_16168"></a> </div> <div class="para">JavaScript的标准是<a href="https://baike.baidu.com/item/ECMAScript%20/1889420" target="_blank" rel="noopener" data-lemmaid="1889420">ECMAScript </a>。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。<sup class="sup--normal" data-sup="1" data-ctrmap=":1,"> [1]</sup><a class="sup-anchor" name="ref_[1]_16168"></a> </div> </div>
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页