JavaScript
twilight0402
以铜为镜,可以正衣冠;以史为镜,可以知兴替;以人为镜,可以明得失
展开
-
DOM_创建和删除HTML元素
用javascript创建新的HTML元素例如,如果想要在div中新建一个段落p那么需要分成以下几步完成: 创建新的<p>元素。createElement(“节点名”): var para = document.createElement(“p”); 创建p元素中的文本,文本为一个文本节点。创建文本节点createTextNode(“文本”): var text_node = do原创 2017-02-06 15:32:26 · 1800 阅读 · 0 评论 -
DOM-------1
节点类型:元素节点/属性节点/文本节点元素节点getElementById(id); PS:DOM操作必须等待HTML文档加载完毕才可以获取 <1> 把脚本移文档最后 <2> 用onload事件加载// 当网页所有内容都加载完再执行 window.onload = function(){ var data = document.getElementById("l原创 2017-03-09 19:19:25 · 178 阅读 · 0 评论 -
DOM-------2
nodeName 获取节点的标签名 (和tagName等价)样式如下: 这是测试这是一个测试 alert(data.nodeName); // div alert(data.tagName); // divnodeType 节点的类型值 类型 值 元素节点 1 属性节点 2 文本节点 3 alert("元素节点的类型:"+data.原创 2017-03-09 19:57:23 · 252 阅读 · 0 评论 -
JavaScript匿名函数
匿名函数1,将匿名函数赋值给变量 var fun1 = function (){ return "twiligt"; }; alert(fun1());2,通过表达式自我执行 <1>: (匿名函数)(); (function (){ alert("twilight"); })();<2>: 函数内部执行 alert((fun原创 2017-03-06 20:18:35 · 229 阅读 · 0 评论 -
JavaScript闭包
闭包1,闭包可以让局部变量驻留在内存中,而不会重复初始化 2,过度使用会导致内存占用过高,因此用完后应及时解除引用: b = null function add(){ var num = 100; return function(){ return num++; };原创 2017-03-06 20:20:11 · 426 阅读 · 0 评论 -
JavaScript_BOM
window 对象confirm(提示) 有确定和取消按钮,本身方法可以返回一个布尔值。 prompt(提示,默认值) 输入提示框,返回输入的值。 open(URL,name,features,replace) 打开新窗口1,URL 2,窗口名称或目标,打开特定名称的网页,如果这个名称已经存在则直接在那个窗口中打开 3,可选的字符串,_blank新建一个窗口,_parent在本窗口加原创 2017-03-07 20:38:30 · 260 阅读 · 1 评论 -
javascript操作表单
获取表单1,getElementById() 2,getElementsByTagName() 3,documents.forms[] 每个form为一个数组元素 4,document.forms[‘name’] 通过name获取 5,docment.name 使用name直接获取,不推荐使用,有多个表单时编程数组。PS: event.preventDefault():方法将通知 Web原创 2017-03-21 21:08:54 · 764 阅读 · 0 评论 -
javascript_操作样式
styleSheets用styleSheets获取样式集合(包括link中的和style中的,都兼容) var sheet = document.styleSheets // 获取样式集合 var data = document.styleSheets; // 返回一个样式表集合 var rules = data[0].cssRules; //原创 2017-03-14 17:56:22 · 221 阅读 · 0 评论 -
javascript_操作表格
表格的一些常用属性: caption(唯一) / tBodies / tFoot / tHead / rows / cells 一些常用方法: createTHead() / createCaption() / deleteTHead()获取caption table.caption.innerHTML获取tBody中的列数 (tHead/tBodies) table.tBodies原创 2017-03-14 18:00:15 · 294 阅读 · 0 评论 -
JavaScript_图片库
事件处理函数:1.onmouseover鼠标进入 2.onmouseout鼠标移出 3.onclick鼠标点击 用法: <a href=”src” onmouseover=”showPic(this); return false;” title=”0001” >0001</a>表示当鼠标进入时执行showPic函数,参数是本身这个对象。执行完所有函数后返回false,因为一般情况下,点原创 2017-02-04 12:54:44 · 256 阅读 · 0 评论 -
JavaScript原型prototype
prototype听说prototype是JavaScript中最难的部分,最近学习了相关知识,感觉确实挺复杂,主要是比较难理解。为了避免遗忘,将最近的学习做一个简单的总结。 prototype类似java中的静态方法和静态变量。可以实现共享。对象中的proto指针指向prototype,prototype保存着该类的“静态属性和方法和constructor”。constructor 可以获取构造原创 2017-03-02 21:24:37 · 270 阅读 · 0 评论 -
DOM(更改样式_事件)
更改样式对象.style.属性=”属性值”<!DOCTYPE html><html><body><h1 id="id1">My Heading 1</h1><button type="button" onclick="s()">点击这里!</button><script>function s(){ var color = document.getElementById('id1')原创 2017-02-06 15:40:15 · 1089 阅读 · 0 评论 -
JavaScript_异常
try 语句测试代码块的错误。 catch 捕捉try中出现的错误 throw 抛出异常(异常可以是 JavaScript 字符串、数字、逻辑值或对象)<html><head> <script> function test(){ try{ alertt("lalala"); } catch(err){原创 2017-02-06 15:43:21 · 284 阅读 · 0 评论 -
JavaScript对象(Number_String)
创建对象1,直接用Object()创建对象,再向对象中添加属性person=new Object();person.firstname="Bill";person.lastname="Gates";2,使用花括号创建 person = {firstname:”bill”,lastname:”gates”}3,使用函数构造对象 var tom = new student();<html>原创 2017-02-06 22:10:27 · 641 阅读 · 0 评论 -
JavaScript对象(Math)
属性 描述 E 返回算术常量 e,即自然对数的底数(约等于2.718)。 LN2 返回 2 的自然对数(约等于0.693)。 LN10 返回 10 的自然对数(约等于2.302)。 LOG2E 返回以 2 为底的 e 的对数(约等于 1.414)。 LOG10E 返回以 10 为底的 e 的对数(约等于0.434)。 PI 返回圆周率(约等于3.14原创 2017-02-07 15:47:40 · 235 阅读 · 0 评论 -
JavaScript对象_创建对象
创建对象1,直接用Object()创建对象,再向对象中添加属性person=new Object();person.firstname="Bill";person.lastname="Gates";2,使用花括号创建 person = {firstname:”bill”,lastname:”gates”}3,使用函数构造对象 var tom = new student();<html>原创 2017-02-18 09:51:58 · 268 阅读 · 0 评论 -
初识JavaScript
1. 以 < script>开头,以</script>结尾,老式的浏览器中需要加上language,如: < script language = “javascript” /script> 表示该脚本是JavaScript, 也可以写上其他脚本的名字。2. JavaScript语句只要放在不同的行就可以执行,但更好的方式是,在每一条语句后加上分号结尾, document.write();向页面上原创 2017-02-03 11:45:18 · 350 阅读 · 0 评论 -
JavaScript对象(Date_Array)
Date(日期)对象日期对象用于处理日期和时间 var today = new Date() 自动将当前时间保存为初始值 属性 描述 constructor 返回对创建此对象的 Date 函数的引用 prototype 使您有能力向对象添加属性和方法 方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中原创 2017-02-07 14:27:15 · 502 阅读 · 0 评论 -
JavaScript函数_函数作用域
Function在JavaScript中函数是一种对象,函数名是指向对象的引用。可以用一下方式调用它 var fun = new Function(“参数”,”返回值”,”函数体”);因此如果出现下面这种情况,就已很好理解了。第二个函数重写了第一个函数,可以理解为第二个对象覆盖了第一个对象。函数名只是引用,doAdd变量改变了引用的地址。 var doAdd = new Function(原创 2017-02-18 19:25:39 · 740 阅读 · 0 评论 -
javascript_事件
在javascript脚本文件中为标签添加事件,将事件与HTML分离var data= document.getElementById("...");data.onclick = box;赋值时,只要加上函数名就可以了,如果加上括号,会自动执行。鼠标事件onclick 单击 ondblclick 双击 onmousedown 按下还没有释放 onmouseup 释放鼠标时 onmouseo原创 2017-03-15 21:58:10 · 303 阅读 · 0 评论