随笔分类 - Java Script
Java ScriptJava ScriptJava ScriptJava Script
无聊死了....
摘要:默认行为是什么? 比如说 我a标签 我只想跳转页面 这就是我的默认事件,再比如说 input标签的 submit 它的默认事件就是提交 【这里说的都是 单击触发它的默认事件】 在JS中你可以用 onclck时 返回false取消他的默认事件 但 JQ就比较牛逼了 他onclck返回false的时候
阅读全文
摘要:querySelector 和 querySelectorAll 这两个方法呢 是JS中嫌原生获取节点函数太少 而 去引进的 用法都是接受一个字符串 querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 但是! querySelector() 方法仅仅返回匹配指定选择器
阅读全文
摘要:首先事件是什么? 事件是用户作出某个动作后 浏览器而给出的反应 那什么是冒泡机制呢? 什么是冒泡? 一个泡泡 他是不是会从低到高往上升,那么事件冒泡机制 就是 事件往上升: 在JavaScript中 一棵DOM树 他的事件被激活 就会往上传递信息 层层往上传递,直至传递到dom的根节点。 例如:以下
阅读全文
摘要:JavaScript - DOM事件的优化 因为如果在标签里面写时间的话 耦合度非常低... 所以呢 我们有 addEventListener() 和 removeEventListener() 方法可以捆绑和解绑事件:1.addEventListener() 定义和用法 addEventListe
阅读全文
摘要:JavaScript中,文档碎片独立于DOM树之外,存在于内存中,创建一个空白的文档片段,可以使用createDocumentFragment来创建: <script type="text/javascript"> var fragment = document.createDocumentFrag
阅读全文
摘要:JavaScript let 和 const ECMAScript 2015(ECMAScript 6) ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一
阅读全文
摘要:ChildNodes 他返回的是一个 此属性返回子节点全部的集合啊:(节点文本、属性 、 都算啊!) 可以用leng查看有多少 还可以遍历啊 ! 它返回的是包含子节点的 NodeList,如果没有子节点,则该属性返回不包含节点的 NodeList。如需循环子节点列表,使用 nextSibling 属
阅读全文
摘要:JavaScript - DOM 克隆节点方法 - cloneNode 具体看代码即可:(调用者为要克隆的节点) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <
阅读全文
摘要:innerText 这个是起始其实标签和结束标签之间的文本。 innerHTML 这个表示所有的元素和文本的HTML代码 -- 在读模式下 innerHTML 属性返回调用元素的所有的子节点对应的HTML标记和内容。 -- 在写模式下innerHTMl会根据指定的值来创建新的DOM树。可以利用这个属
阅读全文
摘要:Collection除了那几个方法和属性之外 其实还有几个特殊的集合 他们都是Collection 对象: 1.document.anchors console.log(document.anchors); 他返回全部 带有 name 属性 的 <a>元素 的节点 我试过了啊 是可以的 但是呢 不知
阅读全文
摘要:Collection 访问方式 当我们按照 TagName 或者 Class 再或者 name 获取节点时 他会返回Collection(就是我们说的集合),我们一般用[]中括号去访问他的元素,但 是不止是中括号 其实 还可以是: item()方法访问每一个元素 和 nameItem()通过名字来访
阅读全文
摘要:JS Browser BOM 来之 3WSCHOOL -- (自定义学习版) 这里讲解 JavaScript BOM 对象啊: Window - 浏览器对象模型(窗口对象模型) Window 对象 所有浏览器都支持 window 对象。它代表浏览器的窗口。 所有全局 JavaScript 对象,函数
阅读全文
摘要:次次都忘记啊! 还是写一下吧: 记住啊!docment.write中用转义字符: 要用 <pre>标签括起来啊! 例: document.write("高:" + h + "<pre>\n</pre>" + "宽" + w); h 和 w 自己定义. 定义和用法 pre 元素可定义预格式化的文本。被
阅读全文
摘要:这三剑客属于window对象啊 alert():直接弹 指定内容 confirm()弹带有一段消息以及 确认按钮 和 取消按钮 的框 并且返回真true of 假false。 prompt():显示一个输入框 你可以自定义标题 和 提示文本 且让你进行输入 返回输入的结果。 自己去用啊 有时候容易忘
阅读全文
摘要:InPut 标签 JavaScript -- 别忘记了啊!挺重要的 其实! 定义和用法 <input> 标签用于搜集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 HTML 与 XHTML 之间的差异 在 HT
阅读全文
摘要:HTML DOM Table 对象 Table 对象 Table 对象代表一个 HTML 表格。 在 HTML 文档中 <table> 标签每出现一次,一个 Table 对象就会被创建。 Table 对象方法 方法描述 createCaption() 为表格创建一个 caption 元素。 crea
阅读全文
摘要:定义和用法 prototype 属性使您有能力向对象添加属性和方法。 语法 object.prototype.name=value <script type="text/javascript"> function employee(name,job,born) { this.name=name; t
阅读全文
摘要:创建 JavaScript 对象 JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。 你也可以创建自己的对象。 本例创建名为 "person" 的对象,并为其添加了四个属性: 实例 person=new Object(); person.firstname="Bi
阅读全文