JS练习记录

windows对象里面的screen对象获取屏幕的宽高和实际可用宽高

1532113-20181127115118654-1044918378.png

windows对象里面的history对象获取当前所有的URL

1532113-20181127115532434-662713246.png

windows对象里面的history对象返回,前进的按钮功能

1532113-20181127120200443-1352827705.png

windows对象里面location对象实现URL的访问

1532113-20181127121037540-1687776752.png

windows对象里面的location.reload实现刷新的功能

1532113-20181127125100421-1666182330.png

DOM中通过ID获取ID的元素

getElementById(元素设置的ID),getElementByname(元素设置的名),getElementByTagName(元素名P,DIV,SPAN....),getElementByClassName(类名)

1532113-20181127140552294-1758863957.png

DOM中通过ID获取的元素进行文本域的修改

1532113-20181127140746501-454346601.png

DOM中验证文本框信息的示例

1532113-20181127152152503-296517833.png

DOM中在父节点追加一个子节点

1532113-20181127153235539-1386904702.png

DOM中父节点,子节点继承的添加商品信息案例

style

1532113-20181127163724326-1557742478.png

body

1532113-20181127163816322-1080460591.png

script(function addGoods())

1532113-20181127164039032-1778479643.png

JS鼠标单击事件

1532113-20181127164308687-1193822807.png
1532113-20181127164548613-1298763577.png

JS鼠标双击事件

1532113-20181127164719897-972104734.png

鼠标移入,移动,移出事件

1532113-20181127165401509-1696775444.png

文档加载完毕之后触发的事件(body的代码执行完毕之后再执行JS,如果不添加onload,JS可能失效)

1532113-20181127170437460-32013596.png

鼠标获取焦点事件

1532113-20181127173947298-84375703.png

实时监听事件(监听每次文本内容的改变)

1532113-20181127174603569-1142055166.png

当鼠标失去焦点时触发的监听事件

1532113-20181127174857813-328427746.png

表单按钮提交触发事件(点击确定之后内容才会提交上去)

1532113-20181127175158648-963834886.png

JS中的this表示当前函数或者方法的调用者

1532113-20181127180710098-384117916.png

W3C标准事件监听函数addEvenListener

1532113-20181127181542161-61390081.png
1532113-20181127181619949-591568718.png

转载于:https://www.cnblogs.com/-hjj/p/10025605.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值