1. 查看你的html文档中一共有多少个节点 :   document.getElementsByTagName(" * ").length;

2.  document.getElementsByClassName() 这个用来获取classname,但是对于老版本的浏览器还不是很支持,要支持老版本的浏览器的写法:

function getElementsByClassName(node,classname){
if(node.getElementsByClassName){
return node.getElementsByClassName(classname);
}else{
var results=[];
var elems=node.getElementsByTagName("*");
for(var i=0;i<elems.length;i++){
if(elems[i].calssName.indexOf(classname) != -1){
results.[results.length] = elems[i];
}
}
return results;
}
}

3.  onload事件的用法(在页面的图片,css文件等资源全部都加载完成后触发);

如果window.onload需要绑定的函数很多的情况下的使用方法:(弹性最佳解决方法,它是由Simon Willison编写的;)

  function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload != "function"){ //当window.onload上没有绑定函数时,把函数添加给它;
window.onload=func;
}else{
window.onload = function(){ //当window.onload上绑定了函数,把新函数追加到现有指令的末尾;
oldonload();
func();
}
}
}
添加绑定的函数: addLoadEvent(firstFunc);
addLoadEvent(secondFunc);

4.在已有的元素后面插入一个元素:

insertBefore()在已有的元素前插入一个新元素:parentElement.insertBefore(newElement,targetElement);
没有insertAfter()在已有的元素后插入一个新元素的方法:自己编写:
function insertAffer(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild == targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nestSibling);
}
}

5.   accesskey属性可以把一个元素与键盘上的某个特定的按键关联在一起:
       eg:<a href="index.html" accesskey="1">Home</a>

6.  CSS-DOM:(如何用DOM技术去获取和设置CSS信息:)
   获得style属性的方法:           element.getAttribute("style"):返回的值是包含CSS的文本;
 (style属性只能返回内嵌样式)    element.style.property:通过属性访问返回的是一个对象;(style是以编程方式访问元素样式的,并没有直接映射到style对象上);

7.   className属性: 给一个元素追加class名字的函数:value表示新class名字;

    function addClassName(element,value){
if(!element.className){
element.className=value
}else {
newclassName=element.className;
newclassName+=" ";
newclassName+=value;
element.className=newclassName;
}
}

8.     创建文档碎片:var frgment=document.creatDocumentFragment();

9.     "javascript:" 伪协议:一种非标准化的协议;它让我们通过一个链接来调用JavaScript函数 ;
           例如:<a href="javascript:函数名(参数);">00000000000000</a>
           注意:在HTML文档通过"javascript:" 伪协议调用javascript代码的做法非常不好;
                   <a href="#" onclick="函数名(参数)return">------</a>:# 某些浏览器里表示指向当前文档的开头;可以创建一个空链接;与上面的做法同样不好,它们都不能平稳退化,
                                                     如果用户已经禁用了浏览器的javascript功能,这样的链接毫无用处;
                   <a href="www.baidu.com" onclick="函数名(this.href);return false"></a>  (这种写法效果好些,在JS禁用后还是可以打开页面);

javascript的一些常用知识点的更多相关文章

  1. JavaScript之Date常用知识点

    1.new Date(dateStr) :把字符串转换为Date对象 参数: ①dateStr {string} :可转换为Date对象的字符串(可省略时间):字符串的格式主要有两种: 1) yyyy ...

  2. javaScript常用知识点有哪些

    javaScript常用知识点有哪些 一.总结 一句话总结:int = ~~myVar, // to integer | 是二进制或, x|0 永远等于x:^为异或,同0异1,所以 x^0 还是永远等 ...

  3. JavaScript之Array常用函数汇总

    [20141121]JavaScript之Array常用功能汇总 *:first-child { margin-top: 0 !important; } body>*:last-child { ...

  4. DB2_SQL_常用知识点&实践

    DB2_SQL_常用知识点&实践 一.删除表中的数据(delete或truncate) 1 truncate table T_USER immediate; 说明:Truncate是一个能够快 ...

  5. Javascript中最常用的55个经典技巧

    Javascript中最常用的55个经典技巧1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table ...

  6. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  7. JavaScript算法与数据结构知识点记录

    JavaScript算法与数据结构知识点记录 zhanweifu

  8. JAVA常用知识点及面试题总结

    1. String.StringBuffer.StringBuilder三者区别? (1)三者在执行速率上的比较: String<StringBuffer<StringBuilder 原因 ...

  9. HTML常用知识点代码演示

    1 HTML部分常用知识点 <!-- 版本声明 --> <!DOCTYPE html> <!-- 唯一根元素 --> <html> <!-- 对网 ...

随机推荐

  1. unity中让物体移动到鼠标点击地面任一点的位置(单击移动和双击暂停移动)并生成图标

    using UnityEngine; using System.Collections.Generic; using UnityEngine.EventSystems; using UnityEngi ...

  2. vs2015 产品密钥

    一.破解秘钥 企业版    HM6NR-QXX7C-DFW2Y-8B82K-WTYJV 专业版    HMGNV-WCYXV-X7G9W-YCX63-B98R2 二.破解步骤 1.安装vs2015 2 ...

  3. Java日期时间,以及相互转换

    Java日期时间,以及相互转化 package com.study.string; import java.text.ParseException; import java.text.SimpleDa ...

  4. java高级⑴

    1.之前我们学过 数组: 数组的特点: 01. 长度一旦被定义,不允许被改变 02. 在内存中开辟一连串连续的空间! 那么现在有一个需求: 让我们定义一个数组 来 保存 新闻信息!!! 问题: 01. ...

  5. Eclipse界面简介

    下载安装完成后,Eclipse的界面如下: (6)为eclipse的perspective(视图方案)由于安装的是for Java development的eclipse,故视图界面默认 为使用Jav ...

  6. VSTO:使用C#开发Excel、Word【7】

                            第2章Office解决方案介绍 Office解决方案的三种基本模式现在,您了解Office对象模型的基本模式,本章将介绍开发人员如何模拟和构建其Offi ...

  7. 第三节 java 数组(循环遍历、获取数组的最值(最大值和最小值)、选择排序、冒泡排序、练习控制台输出大写的A)

    获取数组的最值(最大值和最小值) 思路: 1.获取最值需要进行比较,每一次比较都会有一个较大的值,因为该 值不确定,需要一个变量进行临储. 2.让数组中的每一个元素都和这个变量中的值进行比较,如果大于 ...

  8. 100Mbps和100MB/s

    作为毕业2年计算机专业的学生,现在才知道100Mbps和100MB/s的概念,实在是渣. Mbps=Mbit/s即兆比特每秒.Million bits per second的缩写传输速率是指设备的的数 ...

  9. 201621123001 《Java程序设计》第7周学习总结

    1. 本周学习总结 1.1 思维导图:Java图形界面总结 1.2 可选:使用常规方法总结其他上课内容. 掌握了NetBeans基本使用方法 掌握布局管理器基本概念 尝试了自己在界面布置组件 网格组布 ...

  10. Problem A 还会用继承吗?

    定义一个Base类,包括1个int类型的属性,以及满足输出格式要求的构造函数.拷贝构造函数和析构函数. 定义Base类的子类Derived,包括1个int类型的属性, 以及满足输出格式要求的构造函数. ...