【Miaov】JS2-for应用

for应用

获取元素的第一种方法根据id名称获取

document.getElemensById("")

获取元素的第二种方法根据标签获取

document.getElementsByTagName("")------动态方法，返回元素的集合类似于数组，

获取元素的第三种方法页面只有一个元素的可以直接跟元素获取
document.body.innerHTML="abc"
document.title=123

以id元素获取方法，前面只能跟document ，只能找一个元素，静态方法
以标签获取怨妇方法，前面可用document也可用别的元素，找一堆元素的集合，动态方法

性能问题

比如在页面添加2000个按钮；

可以先把所有按钮创造出来之后再一起添加到页面中，这样就不需要每次都与页面发生一次添加关系

cssText的用法--加样式--无兼容性问题

oDiv.style.cssText="width:200px;height:200px;"

cssText添加的是行间样式，不会更改事先单独设置的样式表内的样式，下一个cssText会覆盖上一个cssText的值类似于innerHTML中的重写

this的指向及其应用

this 指的是调用当前方法（函数）的那个对象

for计算元素的坐标
两个小练习

for嵌套应用
练习，用for嵌套的方法找出ul中嵌套的ul下的li元素

=========================================================

作业：

逢10往下一行：http://sandbox.runjs.cn/show/ahelkqpb
来一个小V字形:http://sandbox.runjs.cn/show/apk0i3ew

鼠标移动上去显示简介，兼容ie678:http://sandbox.runjs.cn/show/tcb6hzyn

时间： 2024-09-30 21:30:14

【Miaov】JS2-for应用的相关文章

[JS2] JS是弱类型

1 <html> 2 <head> 3 <title>JavaScript 是弱类型的</title> 4 <Script Language="JavaScript"> 5 <!-- 6 var myVar //声明变量 7 myVar="JavaScript 是弱类型的" 8 alert(myVar) //使用消息框显示变量 9 myVar=3.1415926 //为变量赋不同类型的值 10 ale

百度地图JS--2

转载请注明出处本文为原创作者:injuer 严禁用于商业用途,仅学习交流 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content=&qu

04慕课网《vue.js2.5入门》——Vue-cli开发todolist

主要文件目录: 文件代码: 根实例,初始化vue:  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0&qu

js2

1. ***数据类型转换: ***js是弱类型编程语言:3方面: 1. 声明变量时,不用规定变量存储的数据类型 2. 赋值时,动态决定变量的数据类型同一个变量,先后可保存不同类型的数据 3. 运算时,js会根据需要,动态转换数据的类型 2大类: 1. 隐式转换:无需程序员干预,js自动完成的类型转换仅讨论+运算中的隐式转换:2句算数计算中,一切类型都隐式转为number类型,再计算比如:"2"-->2 true/false-->1/0 特例:+运算中,只要有一方是字

vue.js2.0 自定义组件初体验

理解组件(Component)是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展. 使用组件创建单文件组件 <template> </template> <script> export default { }; </script> <style lang="st

js-2

1-数据类型 1.1 字符串string var sMystring = "hello world"; 注:----索引/位置 :第一个字母是从 0 开始算的,依次向后延,空格也算. 字符串的方法: length 获取字符串的长度 alert(sString.length); 结果是11 charAt 获取指定位置的字符 alert(sString.charAt(8)); 结果是r substring 字符串的截取 alert(sString.substring

Vue.js2.0从入门到放弃---入门实例

最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api...废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助.ps:高手请绕道. 既然是入门实例,那肯定从最基础的开始了,希

vue.js2.0开发中的几个技巧

最近用Vue.js开发了几个项目,Vue的双向数据绑定和组件化让我耳目一新,减少了很多底层重复的工作,和基于jQuey的前端开发不起来,基于Vue的开发给我一种酣畅淋漓的感觉. 下面给出我基于Vue.js做的几个页面:爆料页面.520贵州.百姓关注抢红包. 当然,在开发的过程中,不可避免的遇到了一些问题和坑,在此记录这些问题,积累经验. 1.测试环境相对路径的问题 Vue.js 2.0可以基于wepack构建,如果需要打包生成最终输出代码,直接在DOS窗口中输入命令:npm run build,

转-Vue.js2.0从入门到放弃---入门实例（一）

http://blog.csdn.net/u013182762/article/details/53021374 标签: Vue.jsVue.js 2.0Vue.js入门实例Vue.js 2.0教程 2016-11-03 14:40 21431人阅读评论(9) 收藏举报版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊, 由