《深入浅出JavaScr》学习笔记

数据和判定

JavaScript有三种基本的数据类型:

字符(String);

数字(Number);

布尔值(Boolean);

还有两种不同的基本数据类型:

空(null);

未定义(undefined);

他们不保存信息,只是用来作为警告。

prompt()方法:

prompt()方法有两个参数,第一个是显示的描述性文字,第二个默认值。

显性的转换数据:

Number();

parseFloat();

parseInter();

JavaScript提供的三种对象:

String()对象;

Date()对象;

Math()对象;

String()对象的方法:

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

substring() 方法用于提取字符串中介于两个指定下标之间的字符(不包括最后一个字符)。

Math()对象的方法:

round()四舍五入;

ceil()向上舍入;

floor()向下舍入;

数组对象的方法和属性:

slice()截取数组的一段,slice()方法拥有2个参数,片段中第一个元素的索引,它包含在这个片段中,最后一个元素的索引,片段中不会包含它。

concat()连接两个数组。

数组和字符串之间的转换

join()方法;把数组转成字符串;

split()方法;把字符串转成数组;

使用window方法:

prompt()

alert()

confirm()

元素的子节点、父节点、兄弟节点和值

nodeType

nodeName

nodeValue

父节点到子节点

childNodes是该元素所有第一层子节点的列表,并不包括向下更深的层次;

hasChildNodes()检查一个元素是否有子节点,它会返回一个布尔值。

从子节点到父节点

obj.parentNode.nodeName;

兄弟之间的节点

previousSibling;

nextSibling;

修改元素的属性

getAttribut();

setAttribut();

创建、移除和替换元素

document.createElement('element')创建一个标签名为element的新元素

document.createTextNode('string')创建一个节点值为string的文本节点;

node.appendChild(newNode)将newNode作为子节点,添加在node所有子节点之后;

newNode=node.cloneNode(bool)创建newNode节点作为node的副本(克隆)。如果bool值为true这个克隆包括所有原节的子节点及其属性的克隆。

node.insertBefore(newNode,oldNode)把newNode作为一个node的新节点插入到oldNode之前。

node.removeChile(oldNode)移除node节点的子节点oldnode。

node.replaceChild(newNode,oldNode)使用节点newNode替换node节点的子节点oldNode.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascrtpt 实现窗口拖拽、移动功能、显示坐标代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head runat="server"> <title></title> [removed] var mouseX, mouseY; var objX, objY; var isDowm = false; //是否按下鼠标 function mouseDown(obj, e) { obj.style.cursor = "move"; objX = div1.style.left; objY = div1.style.top; mouseX = e.clientX; mouseY = e.clientY; isDowm = true; } function mouseMove(e) { var div = document.getElementById("div1"); var x = e.clientX; var y = e.clientY; if (isDowm) { div.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px"; div.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px"; document.getElementById("span1")[removed] = "x:" + div.style.top + " " + "y:" + div.style.left; } } function mouseUp(e) { if (isDowm) { var x = e.clientX; var y = e.clientY; var div = document.getElementById("div1"); div.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px"; div.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px"; document.getElementById("span2")[removed] = "x:" + div.style.top + " " + "y:" + div.style.left; mouseX = x; rewmouseY = y; div1.style.cursor = "default"; isDowm = false; } } [removed] </head> <body> <span id="span1"></span></br><span id="span2"></span></br> <div id="div1" Green; border: 1px solid red; height: 300px; top: 100px; left: 100px; width: 300px; position: absolute;" </div> </body> </html>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值