[转] JS nodeType返回类型

by admin on 2019年9月5日

JS nodeType返回类型
前几天朋友正好问道 这个
js的nodeType是个什么概念(做浏览器底层的)正好遇到这篇文章可以向大家解释下

将HTML DOM中几个容易常用的属性做下记录:

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。

元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue
对于文本节点,nodeValue 属性包含文本。

对于属性节点,nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType
nodeType 属性可返回节点的类型。

JS返回上一页的方法:
1、
Js代码 
<a href =”javascript:history.go(-1);”>向上一页</a>  
 2、
Js代码 
<a href=”javascript%20:history.back()”>返回上一页</a>  
 3、
Js代码 
如果是用按钮做的话就是:  
lt;input type=”button” name=”Submit”
onclick=”javascript:history.back();” value=”返回上一页”>  
 
4、
Js代码 
用图片做的话就是:  
<img src=”图片路径” border=”0″ onclick=”javascript:history.back();”
title=”返回上一页> 
 
JS中的history对象中的三个方法:go(),forward(),back();
方法 描述 IE F O
back() 加载 history 列表中的前一个 URL。 4 1 9
forward() 加载 history 列表中的下一个 URL。 4 1 9
go() 加载 history 列表中的某个具体页面。 4 1 9

本文实例分析了JS返回只包含数字类型的数组实现方法。分享给大家供大家参考,具体如下:

一、html引入JS

  • 直接写
    <script>
    document.write(“hello,world~”)
    </script>

  • 引入
    <script src=”HelloWorld.js”></script>

  • 变量:
    variable number=1

  • 循环:
    while number<10000
    document.write(<p>+number+</p>);
    number=number+1;

 

最重要的节点类型是:

元素类型 ==》节点类型
元素element ==》1
属性attr ==》2
文本text ==》3
注释comments ==》8
文档document ==》 9

作者“tigers-wang-yahoo-com-cn”
 

实现效果如:js123ldka78sdasfgr653 => [123,78,653]

二、调试

  • 设置断点
  • 搜索文件:ctrl+o
  • 搜索函数:ctrl+ shift+o
  • 观察变量:watch; console
  • 进入函数、退出函数

将HTML DOM中几个容易常用的属性做下记录:

奥门威尼斯网址 , 1、 Js代码 a href
=javascript:history.go(-1);向上一页/a 2、 Js代码 a href=javascript
:history.back()返回上一页/a 3、 Js代码 如果是用…

一般做法

三、javascript 语法

  • 变量 声明变量
    var age=12;
  • 标示符
    1.以字母、下划线或者$开头
    2.由字母、数字、下划线和$组成
    3.不能用关键字和保留字
    4.区分大小写

关键字

奥门威尼斯网址 1

Screen Shot 2016-01-02 at 20.27.33.png

保留字

奥门威尼斯网址 2

Screen Shot 2016-01-02 at 20.27.46.png

  • 语句
    1.语句必须已分号结尾
    2.用大括号包含多条语句,形成代码块

  • 注释
    1.单行注释
    //开头
    2.块级注释
    /*开头
    不可嵌套
    */结尾

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。

分析:

四、基本数据类型

  • number
    1.整数
    十进制/八进制/十六进制
    var num=10; var num=037; var num=0xff;
    2.浮点数
    var num=1.2; var num=1.42e5; var num=1.42e-4;
    3.特殊值
    NaN (Not a Number);
    var num=1/0;//无穷大
    var num=-1/0;//负无穷大
  • string
    用引号引起的就是字符串
    var name=”hello”
  • Boolean
    1.true
    2.false
    var sex=true;
    if(sex){
    document.write(“男“);
    }else{
    document.write(”女”);
    }
  • Object
    一组无序的名值对组合
    var cat={
    name:’Kitty’,age:2,mew:function(){};
    }
  • Null
    对象不存在
    var car=null;
  • Undefined
    1.已声明但为赋值的变量
    var a;
    console.log(a);
    2.获取对象中不存在的属性时
    var obj={a:1,b:2};
    console.log(obj.c);
  • typeof 类型识别
    可识别确定以上类型
    var num; typeof num;//undefined
    var num=1; typeof num;//number
    var num=2.314; typeof num;//string
    var num=true; typeof num;//boolean

原始类型—num,string,boolean,null,undefined
不能改变最初的变量
引用类型(对象类型)—object
var obj={}; var arr=[]; 以new执行的构造函数var date=new Date();
可改变指向的变量

奥门威尼斯网址 3

奥门威尼斯网址 4

原始类型和对象类型的区别

对象类型必须访问链接地址才能得到数值,指向同样对象的变量相互影响

奥门威尼斯网址 5

原始类型与对象类型的区别

元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

1.循环字符串每个字符,是数字的挑出来拼接在一起,不是数字的,就给他空的拼个逗号

类型进阶

奥门威尼斯网址 6

所有对象类型

  • 浏览器扩展对象
  • 宿主对象
    浏览器运行环境提供的对象
  • 原生对象
    JS语言规范的
    1.内置构造函数
    2.对象

nodeValue
对于文本节点,nodeValue 属性包含文本。

2.将新字符串每一位转换为数组,再次遍历,存在的挑出来,即得到结果

隐形对象转换

隐式对象转换方法

  • 数值运算符
    数值与字符串相加,自动把数值转化为字符串
    数值与字符串相减时,自动把字符串转化为数值
  • .用点号调用某个方法时,自动转化为对象类型
    3.1415调用toFixed()方法时,自动将3.1415转化为number对象,数值是不含有此方法的
  • if语句,转为布尔值
  • ==
![](https://upload-images.jianshu.io/upload_images/1385217-e0a5bff7b9de2527.gif)

默认隐式类型转换结果-注意红字

对于属性节点,nodeValue 属性包含属性值。

var str="js123ldka78sdasfgr653";
var new_str="";
var arr=[];
var arr2=[];
for(var i=0;i<str.length;i++){
  var code=str.charAt(i).charCodeAt();
  if(code>=48&&code<=57){
  new_str+=str.charAt(i);
  }
  else{
  new_str+=",";
  }
}
arr=new_str.split(","); //不写分隔符就是整个字符串装进数组
for(var i=0;i<arr.length;i++){
  if(arr[i]){
  arr2.push(arr[i]);
  }
}
alert(arr2);

显式对象转换方法

  • Number(),String(),Boolean()
  • parseInt(),parseFloat()
  • !,!!

nodeValue 属性对于文档节点和元素节点是不可用的。

正则:

类型识别

  • typeof
    属于操作符,可以识别标准类型,null除外
    不能识别具体的对象类型,但可以识别function
![](https://upload-images.jianshu.io/upload_images/1385217-59d86fc2d621db95.gif)

typeof可识别的类型
  • instanceof
    能够识别内置对象类型
    不能识别原始对象类型
    能识别自定义对象类型
![](https://upload-images.jianshu.io/upload_images/1385217-5b26760bbac8b8d5.gif)

instanceof可识别对象类型
  • Object.prototype.toString.call
    Object.prototype.toString.call(123)
    返回[“object Number”]
    Object.prototype.toString.call(“123”)
    返回[“object String”]
    封装为函数
    function type(obj){
    return Object.prototype.toString.call(obj).slice(8,-1);
    }

奥门威尼斯网址 7

  • constructor
![](https://upload-images.jianshu.io/upload_images/1385217-b9c2531954299818.gif)

constructor

nodeType
nodeType 属性可返回节点的类型。

var str="js123ldka78sdasfgr653";
var re=/\d+/g;
str=str.match(re);
alert(str);

最重要的节点类型是:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

元素类型 ==》节点类型
元素element ==》1
属性attr ==》2
文本text ==》3
注释comments ==》8
文档document ==》 9

希望本文所述对大家JavaScript程序设计有所帮助。

 

您可能感兴趣的文章:

  • Angularjs
    双向绑定时字符串的转换成数字类型的问题
  • JavaScript中的Number数字类型学习笔记
  • JavaScript保存并运算页面中数字类型变量的写法
  • JS如何将数字类型转化为没3个一个逗号的金钱格式
  • javascript学习笔记(四) Number
    数字类型
  • JavaScript判断输入是否为数字类型的方法总结

nodeType返回类型 前几天朋友正好问道 这个
js的nodeType是个什么概念(做浏览器底层的)正好遇到这篇文章可以向大家解释下
将HTML DOM中几…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图